/* ==========================================================
   NINETY4MGMT — Design Tokens
   Premium Dark Luxury + Orange, Blue & Gold Brand Colors
   ========================================================== */

:root {
  /* ── Backgrounds ── */
  --bg-darkest:     #050505;
  --bg-dark:        #080808;
  --bg-primary:     #0D0D0D;
  --bg-secondary:   #121212;
  --bg-tertiary:    #1A1A1A;
  --bg-card:        #141414;
  --bg-card-hover:  #1C1C1C;
  --bg-elevated:    #1E1E1E;
  --bg-overlay:     rgba(0, 0, 0, 0.7);
  --bg-glass:       rgba(13, 13, 13, 0.85);

  /* ── Brand Orange ── */
  --orange-dark:    #C24E1A;
  --orange:         #E8622E;
  --orange-mid:     #F07A3A;
  --orange-light:   #F4985E;
  --orange-pale:    #FCDBC8;
  --orange-glow:    rgba(232, 98, 46, 0.15);
  --orange-glow-strong: rgba(232, 98, 46, 0.3);

  /* ── Brand Blue ── */
  --blue-dark:      #1A5F8B;
  --blue:           #2980B9;
  --blue-mid:       #3498DB;
  --blue-light:     #A8D5F2;
  --blue-pale:      #D6EEFB;
  --blue-glow:      rgba(41, 128, 185, 0.15);
  --blue-glow-strong: rgba(41, 128, 185, 0.3);

  /* ── Brand Gold / Yellow ── */
  --gold-dark:      #C49520;
  --gold-primary:   #E8A825;
  --gold-mid:       #F0B429;
  --gold-light:     #F5CC5E;
  --gold-pale:      #FBE8A8;
  --gold-glow:      rgba(240, 180, 41, 0.15);
  --gold-glow-strong: rgba(240, 180, 41, 0.3);

  /* ── Brand Gradients ── */
  --brand-gradient:       linear-gradient(135deg, #E8622E 0%, #F0B429 50%, #2980B9 100%);
  --brand-gradient-h:     linear-gradient(90deg, #E8622E 0%, #F0B429 50%, #2980B9 100%);
  --brand-gradient-warm:  linear-gradient(135deg, #E8622E 0%, #F0B429 100%);
  --brand-gradient-warm-h:linear-gradient(90deg, #E8622E 0%, #F0B429 100%);
  --brand-gradient-cool:  linear-gradient(135deg, #F0B429 0%, #2980B9 100%);
  --gold-gradient:        linear-gradient(135deg, #E8A825 0%, #F5CC5E 50%, #F0B429 100%);
  --gold-gradient-h:      linear-gradient(90deg, #E8A825 0%, #F5CC5E 50%, #F0B429 100%);
  --gold-gradient-subtle: linear-gradient(135deg, rgba(240,180,41,0.1) 0%, rgba(232,98,46,0.05) 100%);
  --orange-gradient:      linear-gradient(135deg, #E8622E 0%, #F0B429 100%);
  --blue-gradient:        linear-gradient(135deg, #2980B9 0%, #3498DB 100%);

  /* ── Text Colors ── */
  --text-white:     #FFFFFF;
  --text-light:     #F4F1EA;
  --text-muted:     #B8B8B8;
  --text-subtle:    #888888;
  --text-dim:       #555555;
  --text-gold:      #F0B429;
  --text-orange:    #F07A3A;
  --text-blue:      #3498DB;
  --text-navy:      #1B2A4A;

  /* ── Borders ── */
  --border-subtle:  rgba(255, 255, 255, 0.06);
  --border-light:   rgba(255, 255, 255, 0.1);
  --border-gold:    rgba(240, 180, 41, 0.3);
  --border-gold-strong: rgba(240, 180, 41, 0.5);
  --border-orange:  rgba(232, 98, 46, 0.3);
  --border-blue:    rgba(41, 128, 185, 0.3);

  /* ── Typography ── */
  --font-heading:   'Playfair Display', 'Georgia', serif;
  --font-body:      'Inter', 'Helvetica Neue', Arial, sans-serif;

  --fs-display:     clamp(2.8rem, 5.5vw, 5rem);
  --fs-h1:          clamp(2.2rem, 4vw, 3.5rem);
  --fs-h2:          clamp(1.8rem, 3vw, 2.8rem);
  --fs-h3:          clamp(1.3rem, 2vw, 1.75rem);
  --fs-h4:          clamp(1.1rem, 1.5vw, 1.35rem);
  --fs-body:        1rem;
  --fs-body-lg:     1.125rem;
  --fs-small:       0.875rem;
  --fs-xs:          0.75rem;
  --fs-label:       0.8125rem;

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

  --lh-tight:       1.2;
  --lh-heading:     1.3;
  --lh-body:        1.7;
  --lh-relaxed:     1.85;

  --ls-wide:        0.08em;
  --ls-wider:       0.15em;
  --ls-widest:      0.25em;

  /* ── Spacing ── */
  --space-xs:       0.5rem;
  --space-sm:       0.75rem;
  --space-md:       1rem;
  --space-lg:       1.5rem;
  --space-xl:       2rem;
  --space-2xl:      3rem;
  --space-3xl:      4rem;
  --space-4xl:      6rem;
  --space-5xl:      8rem;

  --section-pad:    clamp(4rem, 8vw, 8rem);
  --section-pad-sm: clamp(3rem, 6vw, 5rem);

  /* ── Layout ── */
  --container-max:  1280px;
  --container-narrow: 900px;
  --container-wide: 1440px;

  /* ── Borders & Radius ── */
  --radius-sm:      6px;
  --radius-md:      10px;
  --radius-lg:      16px;
  --radius-xl:      24px;
  --radius-full:    9999px;

  /* ── Shadows ── */
  --shadow-sm:      0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:      0 4px 20px rgba(0,0,0,0.4);
  --shadow-lg:      0 8px 40px rgba(0,0,0,0.5);
  --shadow-gold:    0 4px 30px rgba(240,180,41,0.15);
  --shadow-gold-lg: 0 8px 50px rgba(240,180,41,0.2);
  --shadow-orange:  0 4px 30px rgba(232,98,46,0.2);
  --shadow-blue:    0 4px 30px rgba(41,128,185,0.2);
  --shadow-brand:   0 4px 30px rgba(232,98,46,0.15), 0 4px 30px rgba(240,180,41,0.1);

  /* ── Transitions ── */
  --transition-fast:   0.2s ease;
  --transition-base:   0.3s ease;
  --transition-smooth: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow:   0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* ── Z-Index Scale ── */
  --z-base:      1;
  --z-dropdown:  100;
  --z-sticky:    200;
  --z-navbar:    1000;
  --z-overlay:   1500;
  --z-modal:     2000;
}