/* ═══════════════════════════════════════════════
   GeoStack — Design Tokens
   geostack.az
═══════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800;900&family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Colors ── */
  --bg:      #05080F;
  --s1:      #0A0E1A;
  --s2:      #0F1629;
  --s3:      #141B2D;
  --s4:      #1A2540;
  --b1:      #1E2A45;
  --b2:      #2A3A5C;

  --t1:      #E2E8F0;
  --t2:      #94A3B8;
  --t3:      #4A5568;
  --t4:      #2D3A50;

  --cyan:    #00D9FF;
  --signal:  #00FF88;
  --stake:   #FF6B35;
  --prism:   #9D5CFF;
  --gold:    #FFD700;

  /* ── Fonts ── */
  --f-display: 'Syne', sans-serif;
  --f-body:    'DM Sans', sans-serif;
  --f-mono:    'JetBrains Mono', monospace;

  /* ── Spacing ── */
  --nav-h:  56px;
  --radius: 14px;
  --radius-sm: 8px;
  --radius-lg: 20px;

  /* ── Transitions ── */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}