/* ============================================================
   variables.css — Design Tokens
   Single source of truth for all design decisions.
   ============================================================ */

:root {

  /* ── Colors ── */
  --color-bg-0:        #0a0c0c;
  --color-bg-1:        #0d1010;
  --color-bg-2:        #111515;
  --color-bg-3:        #161b1b;
  --color-bg-4:        #1c2222;

  --color-border:      #1e2828;
  --color-border-dim:  #151c1c;

  --color-green:       #39ff83;
  --color-green-dim:   #1a8040;
  --color-green-muted: rgba(57, 255, 131, 0.08);

  --color-cyan:        #00d4d4;
  --color-cyan-muted:  rgba(0, 212, 212, 0.08);

  --color-yellow:      #f5c518;
  --color-yellow-muted:rgba(245, 197, 24, 0.08);

  --color-red:         #ff4d4d;
  --color-red-muted:   rgba(255, 77, 77, 0.08);

  --color-blue:        #4da6ff;
  --color-blue-muted:  rgba(77, 166, 255, 0.08);

  --color-white:       #d4d4d4;
  --color-gray:        #5a6666;
  --color-gray-light:  #8a9898;

  /* ── Typography ── */
  --font-mono:    'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 14px;
  --text-md:   16px;
  --text-lg:   18px;

  --leading-tight:  1.4;
  --leading-normal: 1.7;
  --leading-loose:  2.0;

  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;

  /* ── Spacing ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* ── Layout ── */
  --max-width:       900px;
  --topbar-height:   40px;
  --border-radius:   4px;

  /* ── Shadows ── */
  --shadow-terminal: 0 0 60px rgba(57, 255, 131, 0.04), 0 24px 64px rgba(0, 0, 0, 0.6);
  --shadow-card:     0 4px 24px rgba(0, 0, 0, 0.4);

  /* ── Transitions ── */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* ── Z-Index scale ── */
  --z-overlay:  998;
  --z-scanline: 999;
  --z-topbar:   50;
}