/* ═══════════════════════════════════════════════
   Elevator Blueprint  -  Design Tokens
   Base: dark system theme
   Layer: Blueprint / industrial aesthetic
   ═══════════════════════════════════════════════ */

:root {
  /* ── Background Scale ── */
  --bg:        #0a0a0a;
  --bg-raised: #111111;
  --bg-card:   #161616;
  --bg-hover:  #1a1a1a;

  /* ── Surface (aliases for semantic use) ── */
  --surface:          #161616;
  --surface-1:        #1a1a1a;
  --surface-elevated: #1e1e1e;

  /* ── Border ── */
  --border:      #1e1e1e;
  --border-hover: #2a2a2a;

  /* ── Text Scale ── */
  --text:      #f5f5f5;
  --text-dim:  #888888;
  --text-mute: #555555;
  --white:     #ffffff;

  /* ── Accent: Blueprint Cobalt ── */
  --accent:       #2D7AE8;
  --accent-hover: #4A91F0;
  --accent-dim:   rgba(45, 122, 232, 0.15);
  --accent-glow:  rgba(45, 122, 232, 0.08);
  --accent-line:  rgba(45, 122, 232, 0.3);
  --accent-text:  #2D7AE8;

  /* ── Functional Colors ── */
  --success:    #4ade80;
  --error:      #f87171;
  --info:       #60a5fa;

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

  /* ── Typography ── */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'Space Grotesk', 'SF Mono', 'Fira Code', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   clamp(1.15rem, 2vw, 1.35rem);
  --text-xl:   clamp(1.4rem, 3vw, 1.75rem);
  --text-2xl:  clamp(1.75rem, 5vw, 3.75rem);
  --text-3xl:  clamp(3rem, 7vw, 6rem);

  /* ── Radius ── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-pill: 100px;

  /* ── Transitions ── */
  --ease-out:   cubic-bezier(.16, 1, .3, 1);
  --ease-smooth: cubic-bezier(.4, 0, .2, 1);
  --duration:    0.4s;
  --duration-fast: 0.2s;

  /* ── Z-Index Scale ── */
  --z-grid:    0;
  --z-content: 1;
  --z-nav:     100;
  --z-modal:   200;
  --z-grain:   9998;
}