/* ============================================
   DAWN GLOBAL — CAPITAL ARCHITECTURE DESIGN SYSTEM
   Brand Foundation: Independent Advisory for Capital, Restructuring & Transformation
   Core Proposition: CAPITAL → RESTRUCTURE → TRANSFORM
   Supporting Philosophy: Transition from Complexity to Clarity
   ============================================ */

:root {
  /* ─── DAWN CAPITAL ARCHITECTURE COLOUR SYSTEM ──── */
  --dawn-navy-dark:  #060B14;  /* Deep Midnight DAWN Navy */
  --dawn-navy:       #0A111F;  /* Architectural Primary Navy */
  --dawn-navy-light: #141E33;  /* Institutional Slate Navy */
  --dawn-slate:      #1E293B;  /* Architectural Slate */
  
  --obsidian:        #060B14;  /* Deep Midnight Canvas */
  --graphite:        #0A111F;  /* Panel & Card Surface */
  --graphite-mid:    #141E33;  /* Hover / Highlight Surface */
  
  --warm-ivory:      #FAF9F6;  /* Premium Warm Architectural Ivory */
  --ivory-mid:       #F3F4F6;  /* Light Mode Structural Surface */
  --ivory-dark:      #E5E7EB;  /* Light Mode Structural Border */
  
  --white:           #060B14;  /* Deep Obsidian text in light mode */
  --steel:           #64748B;  /* Muted Architectural Slate Body */
  --steel-light:     #334155;  /* Slate Charcoal body copy */
  --steel-dark:      #1E293B;  /* Primary Text Dark */
  
  --gold:            #9E7B3B;  /* Restrained Champagne / Architectural Gold */
  --gold-light:      #B9A16B;  /* Subtle Gold Highlight */
  --gold-muted:      #C5A059;  /* Muted Accent */

  /* ─── SEMANTIC COLOUR ─────────────────────── */
  --bg-dark:            #FAF9F6;
  --bg-dark-alt:        #F3F4F6;
  --bg-light:           #FFFFFF;
  --text-primary-dark:  #0A111F;
  --text-primary-light: #0A111F;
  --text-muted-dark:    #334155;
  --text-muted-light:   #64748B;
  --accent:             var(--gold);
  --accent-gold:        var(--gold);
  --border-dark:        rgba(15,23,42,0.08);
  --border-light:       rgba(15,23,42,0.08);
  --border-gold:        rgba(158,123,59,0.25);

  /* ─── TYPE SCALE (EDITORIAL & ARCHITECTURAL) ──── */
  --display-xl:    clamp(64px, 8.5vw, 150px);
  --display-lg:    clamp(48px, 6.5vw, 110px);
  --display-md:    clamp(36px, 4.5vw, 76px);
  --display-sm:    clamp(26px, 3.2vw, 52px);
  --headline-lg:   clamp(22px, 2.5vw, 40px);
  --headline-md:   clamp(17px, 1.8vw, 28px);
  --headline-sm:   clamp(15px, 1.4vw, 20px);
  --body-lg:       clamp(16px, 1.15vw, 19px);
  --body-md:       clamp(14px, 0.95vw, 16px);
  --body-sm:       clamp(12px, 0.8vw, 13.5px);
  --label:         clamp(10px, 0.7vw, 11.5px);

  /* ─── UNIFIED FONT FAMILIES (INSTITUTIONAL LUXURY TYPOGRAPHY) ─── */
  --font-serif:    'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ─── SPACING (GENEROUS ARCHITECTURAL WHITESPACE) ──── */
  --space-2:    2px;
  --space-4:    4px;
  --space-8:    8px;
  --space-12:   12px;
  --space-16:   16px;
  --space-20:   20px;
  --space-24:   24px;
  --space-32:   32px;
  --space-40:   40px;
  --space-48:   48px;
  --space-64:   64px;
  --space-80:   80px;
  --space-96:   96px;
  --space-120:  120px;
  --space-160:  160px;

  /* ─── LAYOUT ──────────────────────────────── */
  --max-width:    1600px;
  --gutter:       clamp(24px, 4vw, 80px);
  --section-pad:  clamp(90px, 11vw, 180px);

  /* ─── TIMING ──────────────────────────────── */
  --ease-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-circ:   cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-power:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:    0.2s;
  --dur-mid:     0.4s;
  --dur-slow:    0.8s;
  --dur-xslow:   1.4s;

  /* ─── BORDERS & RADIUS (ARCHITECTURAL RESTRAINED GEOMETRY) ──── */
  --radius-sm:  2px;
  --radius-md:  4px;
  --radius-lg:  6px;
  --line-thin:  1px;

  /* ─── Z-INDEX SYSTEM ──────────────────────── */
  --z-preloader: 9999;
  --z-cursor:    9998;
  --z-nav:       1000;
  --z-overlay:   500;
  --z-modal:     800;
  --z-above:     10;
  --z-base:      1;
}