:root {
    /* Brand Palette - Highlight */
    --color-primary: #920092;        /* magenta */
    --color-primary-light: #fff5fb;  /* near-white with magenta whisper */
    --color-primary-dark: #4d004d;   /* deep magenta for ink on light bg */

    --color-secondary: #fffade;      /* warm cream - primary CTA bg */
    --color-secondary-light: #fffef2;
    --color-secondary-dark: #e8d5b5; /* sand - hover / accents */

    --color-accent: #e8d5b5;         /* sand */
    --color-accent-light: #fffade;
    --color-accent-dark: #cc9cc8;    /* mauve */

    --color-neutral: #cc9cc8;        /* mauve - borders, muted UI */
    --color-ink: #4d004d;            /* body text - deep magenta */

    /* Derived */
    --color-bg: #fdf7fb;             /* soft warm off-white page bg */
    --color-text: var(--color-ink);
    --color-text-muted: rgba(77, 0, 77, 0.65);
    --color-text-inverse: var(--color-secondary);
    --color-border: rgba(204, 156, 200, 0.4);

    /* Dark section bg */
    --color-dark-bg: #3a0a3a;
    --color-dark-text: var(--color-secondary);
    --color-dark-text-muted: rgba(255, 250, 222, 0.7);

    /* Hero */
    --color-hero-bg: #1b0a1b;

    /* Fonts */
    --font-display: 'DM Serif Display', serif;
    --font-body: 'Inter', sans-serif;

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

    /* Container */
    --container-max: 1200px;
    --container-pad: 1.5rem;

    /* Border radius */
    --radius-pill: 9999px;
    --radius-sm: 4px;

    /* Transitions */
    --transition: 0.3s ease;
}