:root {
    /* Brand palette aligned to logo */
    --primary-color: #6A0484;    /* Deep purple */
    --secondary-color: #F1B403;  /* Gold */
    --background-color: #EBDBDA; /* Soft pink-beige */
    --text-color: #1A1A1A;       /* Near-black text for contrast */
    --light-gray: #EBDBDA;       /* Use background tone for light surfaces */
    --hover-color: #B47CC6;      /* Lilac accent for hovers */

    /* Extended palette — tints and shades derived from the brand colors */
    /* Primary (Purple #6A0484) */
    --primary-50:  #F4EAF7;
    --primary-100: #E9D6F0;
    --primary-200: #D4AFE3;
    --primary-300: #BF88D6;
    --primary-400: #A861C8;
    --primary-500: #9229B9;
    --primary-600: #7E149F;
    --primary-700: #6A0484; /* base */
    --primary-800: #520263;
    --primary-900: #3A0145;

    /* Secondary (Gold #F1B403) */
    --secondary-50:  #FFF9E0;
    --secondary-100: #FEF0BD;
    --secondary-200: #FBE085;
    --secondary-300: #F6CF46;
    --secondary-400: #F1B403; /* base */
    --secondary-500: #D89F03;
    --secondary-600: #B88702;
    --secondary-700: #996F02;
    --secondary-800: #7A5701;
    --secondary-900: #5B4101;

    /* Accent (Lilac #B47CC6) */
    --accent-50:  #F5ECF9;
    --accent-100: #EAD8F3;
    --accent-200: #D7B8E7;
    --accent-300: #C596DB;
    --accent-400: #B47CC6; /* base */
    --accent-500: #9C61AF;
    --accent-600: #864A98;
    --accent-700: #6E3A7B;
    --accent-800: #552D5E;
    --accent-900: #3B1F41;

    /* Amber/Bronze accent from logo (#BE762F) */
    --bronze-50:  #FBEEE4;
    --bronze-100: #F6DCC8;
    --bronze-200: #EEC199;
    --bronze-300: #E5A469;
    --bronze-400: #DB8A43;
    --bronze-500: #BE762F; /* base */
    --bronze-600: #995E25;
    --bronze-700: #77481C;
    --bronze-800: #563313;
    --bronze-900: #3B220D;

    /* Neutrals (blended to sit well on the soft background) */
    --neutral-50:  #FAF7F7;
    --neutral-100: #F3EEEE;
    --neutral-200: #E3DDDD;
    --neutral-300: #C9C2C2;
    --neutral-400: #A69E9E;
    --neutral-500: #807878;
    --neutral-600: #5F5959;
    --neutral-700: #3E3A3A;
    --neutral-800: #262323;
    --neutral-900: #161414;

    /* Semantic aliases (use these in components) */
    --brand: var(--primary-700);
    --brand-contrast: #FFFFFF;
    --brand-muted: var(--primary-100);
    --cta: var(--secondary-400);
    --cta-hover: var(--secondary-500);
    --cta-contrast: #1A1A1A;
    --accent: var(--accent-400);
    --accent-hover: var(--accent-500);

    --surface: #FFFFFF;
    --surface-alt: #FFF9F7; /* warm white to match bg */
    --surface-muted: var(--neutral-50);
    --surface-border: rgba(0, 0, 0, 0.06);

    --bg-soft: var(--background-color);
    --bg-softer: #F4E7E6; /* slightly lighter than background */

    /* Text */
    --text-primary: var(--text-color);
    --text-secondary: #595959;
    --text-muted: #777;
    --text-inverse: #FFFFFF;

    /* Effects */
    --ring-brand: rgba(106, 4, 132, 0.25);
    --shadow-brand: 0 12px 32px rgba(106, 4, 132, 0.18);
    --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.08);

    /* Gradients */
    --gradient-brand: linear-gradient(90deg, var(--primary-600), var(--accent-400));
    --gradient-cta: linear-gradient(90deg, var(--secondary-500), var(--secondary-300));
}