/* ================================
   variables.css — Design Tokens
   ================================ */
:root {
  --bg:      #080808;
  --bg2:     #0f0f0f;
  --bg3:     #161616;
  --border:  rgba(255, 255, 255, 0.07);
  --text:    #e8e8e8;
  --muted:   #6b6b6b;
  --accent:  #c8ff00;
  --white:   #ffffff;

  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 100px;

  --transition: 0.2s ease;
}