/* ---------------------------------------------------------
   THEME VARIABLES (DEFAULT LIGHT MODE)
--------------------------------------------------------- */

:root {
    /* Type */
    --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* Spacing scale */
    --space-3xs: 0.25rem;
    --space-2xs: 0.375rem;
    --space-xs: 0.625rem;
    --space-sm: 0.875rem;
    --space-md: 1.25rem;
    --space-lg: 1.75rem;
    --space-xl: 2.5rem;
    --space-2xl: 3.5rem;
    --space-3xl: 4.5rem;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 22px;
    --radius-pill: 999px;

    /* Motion */
    --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-fast: 0.2s;
    --dur-med: 0.4s;
    --dur-slow: 0.7s;

    /* Layout */
    --container-w: 1240px;
    --header-h: 84px;

    /* ---- SOFT & PREMIUM LIGHT THEME (DEFAULT) ---- */
    --color-background: #F6F3ED;      /* Softer warm cream tone */
    --color-surface: #EFECE6;         /* Soft neutral surface */
    --color-surface-2: #E4DFC8;       /* Card & badge tint */
    --color-text: #2C2718;            /* High contrast dark text */
    --color-text-strong: #1B160C;     /* Strong heading text */
    --color-muted: #6E664F;           /* Softer muted text */
    --color-border: #DED6C4;          /* Subtle soft border */
    --color-primary: #B4712A;         /* Primary Brand Color (UNCHANGED) */
    --color-primary-strong: #96591E;  /* Primary Hover Color */
    --color-primary-ink: #FFFFFF;     /* Button text */
    --color-secondary: #4A6E51;
    --color-danger: #B23B27;
    --color-overlay: rgba(246, 243, 237, 0.9);
    --shadow-soft: 0 20px 50px -28px rgba(43, 32, 10, 0.2);
    --shadow-tight: 0 8px 20px -14px rgba(43, 32, 10, 0.15);
}

/* ---- EXISTING DARK THEME (UNCHANGED DESIGN) ---- */
body.dark-mode {
    --color-background: #10160F;
    --color-surface: #171F17;
    --color-surface-2: #1E2820;
    --color-text: #F3EFE2;
    --color-text-strong: #FFFFFF;
    --color-muted: #A5AC9B;
    --color-border: #2A342A;
    --color-primary: #E4A853;
    --color-primary-strong: #F0BE73;
    --color-primary-ink: #23180A;
    --color-secondary: #86AB8F;
    --color-danger: #E27D6B;
    --color-overlay: rgba(9, 12, 9, 0.72);
    --shadow-soft: 0 20px 50px -25px rgba(10, 14, 11, 0.55);
    --shadow-tight: 0 8px 20px -12px rgba(10, 14, 11, 0.5);
}