/* ═══════════════════════════════════════════════════════════════
   DESIGN TOKENS — Honor Brand DNA
   Deep navy, champagne gold, quiet authority.
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* ─── COLOR PALETTE ─── */
    /* Primary — Deep Navy */
    --color-navy-950:  #050a14;
    --color-navy-900:  #0a1225;
    --color-navy-800:  #0f1c38;
    --color-navy-700:  #162847;
    --color-navy-600:  #1e3558;
    --color-navy-500:  #264269;
    --color-navy-400:  #3a5a85;
    --color-navy-300:  #5678a0;
    --color-navy-200:  #8aa3c4;
    --color-navy-100:  #c0cfe0;

    /* Accent — Champagne Gold (Refined) */
    --color-gold-900:  #5c4a1e;
    --color-gold-800:  #7a6328;
    --color-gold-700:  #9a7e33;
    --color-gold-600:  #c59b27;
    --color-gold-500:  #d4af37;  /* Main accent - Richer Gold */
    --color-gold-400:  #e5c158;
    --color-gold-300:  #f0d57d;
    --color-gold-200:  #f5e6aa;
    --color-gold-100:  #f9f4d7;

    /* Neutral — Warm Stone */
    --color-stone-900: #1a1a1a;
    --color-stone-800: #2a2a2a;
    --color-stone-700: #3d3d3d;
    --color-stone-600: #555555;
    --color-stone-500: #717171;
    --color-stone-400: #8f8f8f;
    --color-stone-300: #ababab;
    --color-stone-200: #d0d0d0;
    --color-stone-100: #e8e6e1;
    --color-stone-50:  #f5f3ef;

    /* Semantic */
    --color-success: #4ade80;
    --color-warning: #fbbf24;
    --color-error:   #f87171;

    /* ─── GRADIENTS ─── */
    --gradient-gold:      linear-gradient(135deg, var(--color-gold-600), var(--color-gold-400));
    --gradient-gold-text:  linear-gradient(135deg, var(--color-gold-500), var(--color-gold-300));
    --gradient-navy:      linear-gradient(180deg, var(--color-navy-950) 0%, var(--color-navy-800) 100%);
    --gradient-hero:      linear-gradient(160deg, #050a14 0%, #0f1c38 40%, #0a1225 100%);
    --gradient-glass:     linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
    --gradient-line:      linear-gradient(90deg, transparent, var(--color-gold-500), transparent);

    /* ─── TYPOGRAPHY ─── */
    --font-heading: 'Cormorant Garamond', 'Georgia', serif;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    --fs-xs:   clamp(0.70rem, 0.65rem + 0.25vw, 0.85rem);
    --fs-sm:   clamp(0.80rem, 0.75rem + 0.30vw, 0.95rem);
    --fs-base: clamp(0.90rem, 0.85rem + 0.30vw, 1.05rem);
    --fs-md:   clamp(1.00rem, 0.92rem + 0.40vw, 1.25rem);
    --fs-lg:   clamp(1.15rem, 1.05rem + 0.60vw, 1.50rem);
    --fs-xl:   clamp(1.50rem, 1.25rem + 1.25vw, 2.25rem);
    --fs-2xl:  clamp(1.90rem, 1.40rem + 3.00vw, 3.50rem);
    --fs-3xl:  clamp(2.40rem, 1.70rem + 4.00vw, 4.50rem);
    --fs-4xl:  clamp(3.00rem, 2.00rem + 6.00vw, 6.50rem);

    --fw-light:     300;
    --fw-regular:   400;
    --fw-medium:    500;
    --fw-semibold:  600;
    --fw-bold:      700;

    --lh-tight:  1.15;
    --lh-snug:   1.35;
    --lh-normal: 1.65;
    --lh-loose:  1.85;

    --ls-tight:  -0.02em;
    --ls-normal:  0;
    --ls-wide:    0.08em;
    --ls-wider:   0.15em;
    --ls-widest:  0.25em;

    /* ─── SPACING (8px grid) ─── */
    --space-1:  0.25rem;
    --space-2:  0.50rem;
    --space-3:  0.75rem;
    --space-4:  1.00rem;
    --space-5:  1.25rem;
    --space-6:  1.50rem;
    --space-8:  2.00rem;
    --space-10: 2.50rem;
    --space-12: 3.00rem;
    --space-16: 4.00rem;
    --space-20: 5.00rem;
    --space-24: 6.00rem;
    --space-32: 8.00rem;

    /* ─── LAYOUT ─── */
    --container-max:  1200px;
    --container-pad:  var(--space-6);
    --section-pad-y:  clamp(5rem, 8vw, 10rem);

    /* ─── BORDER RADIUS ─── */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   16px;
    --radius-xl:   24px;
    --radius-full: 9999px;

    /* ─── SHADOWS ─── */
    --shadow-sm:   0 1px 3px rgba(0,0,0,0.2);
    --shadow-md:   0 4px 16px rgba(0,0,0,0.25);
    --shadow-lg:   0 12px 40px rgba(0,0,0,0.30);
    --shadow-glow: 0 0 40px rgba(201,168,76,0.15), 0 0 80px rgba(201,168,76,0.05);

    /* ─── GLASS EFFECTS ─── */
    --glass-bg:       rgba(255,255,255,0.03);
    --glass-border:   rgba(255,255,255,0.06);
    --glass-blur:     20px;
    --glass-bg-hover: rgba(255,255,255,0.06);

    /* ─── TRANSITIONS ─── */
    --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-in-out:    cubic-bezier(0.4, 0, 0.2, 1);

    --duration-fast:   150ms;
    --duration-normal: 300ms;
    --duration-slow:   500ms;
    --duration-slower: 800ms;

    /* ─── Z-INDEX SCALE ─── */
    --z-base:    1;
    --z-card:    10;
    --z-sticky:  100;
    --z-navbar:  1000;
    --z-overlay: 2000;
    --z-modal:   3000;
    --z-loader:  10000;

    /* ─── THEME COLORS (Dark only for Honor) ─── */
    --bg-primary:     #050a14;
    --bg-secondary:   #0a1225;
    --bg-tertiary:    #0f1c38;
    --bg-surface:     #0d1729;
    
    --text-primary:   #e8e6e1;
    --text-secondary: #8a9ab5;
    --text-tertiary:  #4a5a75;
    --text-inverse:   #050a14;

    --border-color:   rgba(201,168,76,0.10);
    --border-hover:   rgba(201,168,76,0.25);
}