/* ============================================================
   css/variables.css — Design tokens & CSS custom properties
   ============================================================ */

:root {
  /* Colors */
  --bg:        #0a0a0a;
  --surface:   #111111;
  --surface2:  #161616;
  --border:    #222222;
  --border2:   #2e2e2e;
  --accent:    #e8ff47;
  --accent-dim:#b8cc30;
  --danger:    #ff4d6d;
  --text:      #f0f0f0;
  --text-muted:#666666;
  --text-dim:  #444444;

  /* Typography */
  --font-mono: 'Space Mono', monospace;
  --font-display: 'Syne', sans-serif;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;

  /* Radii */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 8px;

  /* Transitions */
  --trans-fast: 0.15s ease;
  --trans-base: 0.2s ease;
  --trans-slow: 0.35s ease;

  /* Shadows */
  --shadow-glow: 0 0 24px rgba(232, 255, 71, 0.08);
}