:root {

    /* ─── Colors ─────────────────────────────────────────── */
    --color-primary:      #1A1A2E;
    --color-accent:       #B8860B;
    --color-accent-hover: #8B6508;
    --color-bg:           #FDF6E3;
    --color-bg-warm:      #F8F6F2;
    --color-text:         #333333;
    --color-text-inverse: #FFFFFF;
    --color-heading-secondary: #4A4A6A;
    --color-supporting:   #C4B8D8;

    /* ─── Fonts ──────────────────────────────────────────── */
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body:    'DM Sans', system-ui, sans-serif;
    --font-accent:  'Cormorant Garamond', Georgia, serif;

    /* ─── Spacing ────────────────────────────────────────── */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 8rem;

    /* ─── Border Radius ──────────────────────────────────── */
    --radius-sm: 2px;
    --radius-md: 4px;

}