:root {
    /* ========== COLOR PALETTE (matches main site: warm red + amber on cream) ========== */
    --color-primary:          #8B1E1E;
    --color-primary-light:    #A52A2A;
    --color-primary-dark:     #6B1515;
    --color-primary-glow:     rgba(139, 30, 30, 0.15);

    /* Accent / secondary (amber/gold from main site) */
    --color-accent:           #D97706;
    --color-accent-light:     #F59E0B;

    /* Backgrounds – warm cream to match index/navbar */
    --color-bg-primary:       #FDF1E5;
    --color-bg-secondary:      #F5E6D9;
    --color-bg-tertiary:       #EDDDCE;
    --color-bg-hover:          #E8D4C4;

    /* Text */
    --color-text-primary:     #1F1F1F;
    --color-text-secondary:   #5C5349;
    --color-text-accent:      #8B1E1E;
    --color-text-inverse:     #FDF1E5;

    /* Semantic */
    --color-success:          #4CAF50;
    --color-warning:          #FF9800;
    --color-error:            #C62828;
    --color-info:             #5BA4CF;

    /* Borders */
    --color-border:           #E0D0C0;
    --color-border-gold:      rgba(217, 119, 6, 0.35);
    --color-divider:           #E5D5C5;

    /* ========== TYPOGRAPHY (matches main site) ========== */
    --font-heading:           'Playfair Display', Georgia, serif;
    --font-body:              'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

    --text-xs:                0.75rem;
    --text-sm:                0.875rem;
    --text-base:              1rem;
    --text-lg:                1.125rem;
    --text-xl:                1.25rem;
    --text-2xl:               1.5rem;
    --text-3xl:               1.875rem;
    --text-4xl:               2.25rem;

    --font-weight-normal:     400;
    --font-weight-medium:     500;
    --font-weight-semibold:   600;
    --font-weight-bold:       700;

    --line-height-tight:      1.25;
    --line-height-normal:     1.5;
    --line-height-relaxed:     1.75;

    /* ========== SPACING ========== */
    --space-1:                0.25rem;
    --space-2:                0.5rem;
    --space-3:                0.75rem;
    --space-4:                1rem;
    --space-5:                1.25rem;
    --space-6:                1.5rem;
    --space-8:                2rem;
    --space-10:               2.5rem;
    --space-12:               3rem;
    --space-16:               4rem;

    /* ========== LAYOUT ========== */
    --max-width:              1200px;
    --sidebar-width:          380px;
    --nav-height:             70px;
    --border-radius-sm:       4px;
    --border-radius-md:       8px;
    --border-radius-lg:       12px;
    --border-radius-full:     9999px;

    /* ========== SHADOWS (warm, light-theme friendly) ========== */
    --shadow-sm:              0 1px 3px rgba(139, 30, 30, 0.08);
    --shadow-md:              0 4px 12px rgba(139, 30, 30, 0.12);
    --shadow-lg:              0 8px 24px rgba(139, 30, 30, 0.15);
    --shadow-gold:             0 4px 16px rgba(217, 119, 6, 0.2);

    /* ========== TRANSITIONS ========== */
    --transition-fast:        150ms ease;
    --transition-base:        250ms ease;
    --transition-slow:        400ms ease;

    /* ========== Z-INDEX ========== */
    --z-dropdown:             100;
    --z-sticky:               200;
    /* Cart/drawer above marketing site fixed navbar (top bar 1001 / bar 1000) */
    --z-overlay:              1100;
    --z-modal:                1110;
    --z-toast:                1200;
}