/* ============================================================
   ENVIRTUAL3D — SPATIAL SYSTEM
   tokens.css — All CSS custom properties
   GEOMETRY → SCAN → REALITY
   ============================================================ */

:root {

  /* ===== MINERAL LIGHT ===== */
  --white:        #F6F5F2;   /* mineral white — primary light bg */
  --surface:      #EEECE7;   /* cool stone — section alternation */
  --wire:         #D0CEC9;   /* geometry lines and borders */
  --graphite:     #111111;   /* primary text */
  --dim:          #404040;   /* secondary text */
  --muted:        #888885;   /* subdued text, labels */

  /* ===== VOID DARK ===== */
  --void:         #0A0B0D;   /* technical near-black */
  --void-2:       #111319;   /* elevated dark surface */
  --void-text:    #E8E6E2;   /* text on void */
  --void-muted:   #4E5561;   /* muted text on void */
  --void-wire:    rgba(255,255,255,0.04);
  --void-border:  rgba(255,255,255,0.08);

  /* ===== STEEL (single accent) ===== */
  --steel:        #4891BD;   /* icy steel — scan line, CTAs, active states */
  --steel-2:      #5AA7D4;   /* hover */
  --steel-dim:    rgba(72,145,189,0.10);
  --steel-wire:   rgba(72,145,189,0.28);

  /* ===== STRUCTURAL ===== */
  --border:       rgba(0,0,0,0.07);
  --border-d:     rgba(255,255,255,0.07);
  --overlay-dark: rgba(10,11,13,0.52);

  /* ===== TYPOGRAPHY ===== */
  --font-display: 'Cormorant Garamond', Georgia, serif;  /* hero headline + stat numbers ONLY */
  --font-body:    'Outfit', system-ui, sans-serif;        /* everything else */
  --font-data:    'JetBrains Mono', monospace;            /* technical data only */

  /* ===== TYPE SCALE ===== */
  --text-hero:    clamp(3.25rem, 7vw, 7rem);
  --text-h2:      clamp(1.75rem, 3.5vw, 3rem);
  --text-h3:      clamp(1.125rem, 2vw, 1.75rem);
  --text-num:     clamp(4.5rem, 10vw, 10rem);       /* display 600 — stats only */
  --text-body-lg: clamp(1rem, 1.4vw, 1.125rem);
  --text-body:    1rem;
  --text-sm:      0.875rem;
  --text-xs:      0.75rem;
  --text-data:    0.6875rem;

  /* ===== SPACING ===== */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-2xl:  48px;
  --space-3xl:  64px;
  --space-4xl:  96px;

  /* ===== LAYOUT ===== */
  --container:     1400px;
  --container-pad: clamp(1.25rem, 5vw, 4rem);
  --nav-h:         64px;

  /* ===== MOTION ===== */
  --ease-out-smooth:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-spatial:  cubic-bezier(0.45, 0, 0.55, 1);
  --duration-fast:        150ms;
  --duration-base:        300ms;
  --duration-slow:        600ms;

  /* ===== Z-INDEX ===== */
  --z-below:   -1;
  --z-base:     0;
  --z-above:    1;
  --z-overlay: 10;
  --z-nav:     50;
  --z-modal:  100;
}