/* ═══════════════════════════════════
   VELTRIX TECHNOLOGY — DESIGN TOKENS
   ═══════════════════════════════════ */
:root {
  /* ── PALETTE ── */
  --obsidian:       #09090B;
  --carbon:         #17171C;
  --carbon-light:   #1E1E25;
  --carbon-mid:     #25252E;
  --amber:          #F5B301;
  --amber-soft:     #FFD75A;
  --amber-dim:      rgba(245, 179, 1, 0.12);
  --amber-glow:     rgba(245, 179, 1, 0.18);
  --amber-border:   rgba(245, 179, 1, 0.25);
  --ice:            #F5F5F5;
  --ice-dim:        rgba(245, 245, 245, 0.65);
  --ice-ghost:      rgba(245, 245, 245, 0.08);
  --ice-border:     rgba(245, 245, 245, 0.12);
  --success:        #00E88A;
  --error:          #FF4455;

  /* ── TYPOGRAPHY ── */
  --font-display:   'Orbitron', monospace;
  --font-mono:      'JetBrains Mono', monospace;
  --font-body:      'Inter', sans-serif;

  /* ── SPACING ── */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* ── RADII ── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-full: 9999px;

  /* ── TRANSITIONS ── */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-circ:   cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    180ms;
  --dur-mid:     400ms;
  --dur-slow:    700ms;
  --dur-xslow:   1200ms;

  /* ── Z-INDEX ── */
  --z-bg:       -1;
  --z-base:      0;
  --z-content:  10;
  --z-velix:    20;
  --z-hud:      30;
  --z-nav:     100;
  --z-secret:  200;
  --z-cursor:  900;
  --z-boot:   1000;

  /* ── LAYOUT ── */
  --max-w:     1280px;
  --nav-h:       72px;
}