:root {}
                                        /* --- AI Migrator Universal Styles (2026-04-21 22:35) --- */
:root {
    /* WIDTHS */
    --width-gutter: 2rem;
    --width-content-md: 1200px;
    --width-content-sm: 900px;
    --width-content-xsm: 640px;
    --width-content-lg: 1440px;
    --width-content-full: 100%;
    /* FONT FAMILIES */
    --ff-heading: "Playfair Display", serif;
    --ff-body: "Poppins", sans-serif;
    --ff-accent: "Mrs Saint Delafield", cursive;
    /* FONT SIZES */
    --fs-h1: 4.5rem;
    --fs-h2: 3.5rem;
    --fs-h3: 2.5rem;
    --fs-h4: 1.75rem;
    --fs-h5: 1.25rem;
    --fs-h6: 0.875rem;
    --fs-p-xsm: 0.8125rem;
    --fs-p-sm: 0.9375rem;
    --fs-p-md: 1.125rem;
    --fs-p-lg: 1.25rem;
    --fs-p-xlg: 1.75rem;
    --fs-p-xxlg: 2.25rem;
    /* BORDER RADIUS */
    --border-radius-xsm: 0px;
    --border-radius-sm: 2px;
    --border-radius-md: 4px;
    --border-radius-lg: 12px;
    --border-radius-pill: 9999px;
    /* SPACING */
    --spacing-xxsm: 0.5rem;
    --spacing-xsm: 1rem;
    --spacing-sm: 2rem;
    --spacing-md: 4rem;
    --spacing-lg: 6rem;
    --spacing-xlg: 10rem;
    --spacing-xxlg: 15rem;
    /* SHADOWS */
    --shadow-xsm: 0 2px 10px rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.15);
    --shadow-xlg: 0 30px 70px rgba(0, 0, 0, 0.2);
    --text-shadow-xsm: 0 1px 2px rgba(0, 0, 0, 0.1);
    --text-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --text-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3);
    --text-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.4);
    --text-shadow-xlg: 0 12px 24px rgba(0, 0, 0, 0.5);
    /* COLORS */
    --clr-primary: #b39675;
    /* Muted Gold/Tan from button */
    --clr-primary-light: #d8ccbd;
    --clr-primary-dark: #8e765a;
    --clr-secondary: #0e7184;
    /* Deep Teal from book cover */
    --clr-secondary-light: #1898b1;
    --clr-text: #1a1a1a;
    --clr-text-muted: #555555;
    --clr-white: #ffffff;
    --clr-black: #000000;
    --clr-bg-light: #f6f6f6;
    --clr-bg-dark: #222222;
    --clr-border: #e0e0e0;
    --clr-link: var(--clr-text);
    --clr-link-hover: var(--clr-primary);
    --clr-h1: var(--clr-text);
    --clr-h2: var(--clr-text);
    --clr-h3: var(--clr-text);
    --clr-h4: var(--clr-text);
    --clr-h5: var(--clr-text);
    --clr-h6: var(--clr-text);
    --clr-p: var(--clr-text-muted);
    /* ICONS */
    --icon-round-width: 44px;
    --icon-round-height: 44px;
    --icon-round-width-md: 64px;
    --icon-round-height-md: 64px;
    --icon-round-width-lg: 96px;
    --icon-round-height-lg: 96px;
    /* SIDE HEADER / NAV */
    --sideHeaderWidth: 100px;
}