/* ==========================================================================
   NOIR & GOLD — Design Tokens
   ========================================================================== */

:root {
    /* ── Colors ── */
    --bg-primary:      #0A0A0A;
    --bg-secondary:    #141414;
    --bg-elevated:     #1E1E1E;
    --bg-glass:        rgba(20, 20, 20, 0.85);

    --gold-primary:    #C9A84C;
    --gold-light:      #E8D5A3;
    --gold-dark:       #8B7332;
    --gold-gradient:   linear-gradient(135deg, #C9A84C, #E8D5A3, #C9A84C);
    --gold-shimmer:    linear-gradient(90deg, #C9A84C, #E8D5A3, #C9A84C, #E8D5A3);
    --gold-glow:       0 0 30px rgba(201, 168, 76, 0.2);

    --text-primary:    #FFFFFF;
    --text-secondary:  #A0A0A0;
    --text-muted:      #808080;
    --accent-rose:     #C4787A;

    --border-color:    rgba(201, 168, 76, 0.15);
    --border-subtle:   rgba(255, 255, 255, 0.06);

    /* ── Typography ── */
    --font-heading:    'Cormorant Garamond', Georgia, serif;
    --font-body:       'Montserrat', -apple-system, sans-serif;

    --text-xs:    12px;
    --text-sm:    14px;
    --text-base:  15px;
    --text-lg:    18px;
    --text-xl:    24px;
    --text-2xl:   32px;
    --text-3xl:   42px;
    --text-4xl:   56px;
    --text-5xl:   72px;

    /* ── Spacing ── */
    --space-xs:    8px;
    --space-sm:    16px;
    --space-md:    24px;
    --space-lg:    40px;
    --space-xl:    64px;
    --space-2xl:   96px;
    --space-3xl:   128px;

    /* ── Border Radius ── */
    --radius-sm:   6px;
    --radius:      12px;
    --radius-lg:   20px;
    --radius-xl:   32px;
    --radius-full: 50px;

    /* ── Shadows (dark theme) ── */
    --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md:   0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg:   0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-xl:   0 16px 48px rgba(0, 0, 0, 0.6);
    --shadow-gold: 0 4px 20px rgba(201, 168, 76, 0.15);

    /* ── Transitions ── */
    --ease-out:    cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration:    0.3s;
    --duration-lg: 0.5s;

    /* ── Z-Index ── */
    --z-header:    1000;
    --z-overlay:   900;
    --z-modal:     1100;
}