:root {
  --bg: #0d1117;
  --bg2: #161b22;
  --bg3: #21262d;
  --surface: rgba(22, 27, 34, 0.8);
  --nav-bg: rgba(13, 17, 23, 0.7);
  --text: #e6edf3;
  --muted: #9da5b0;
  --accent: #3ecf8e;
  --accent2: #2f81f7;
  --glow: rgba(62, 207, 142, 0.15);
  --glow2: rgba(47, 129, 247, 0.15);
  --border: rgba(240, 246, 252, 0.06);
  --border-hover: rgba(240, 246, 252, 0.12);
  --gradient: linear-gradient(135deg, #3ecf8e, #2f81f7);
  --grid-color: rgba(62, 207, 142, 0.03);

  --font-heading: 'Syne', sans-serif;
  --font-body: 'Space Mono', monospace;
  --max-width: 1100px;
}

[data-theme="light"] {
  --bg: #ffffff;
  --bg2: #f6f8fa;
  --bg3: #eaeef2;
  --surface: rgba(246, 248, 250, 0.8);
  --nav-bg: rgba(255, 255, 255, 0.8);
  --text: #1f2328;
  --muted: #424a53;
  --accent: #116329;
  --accent2: #0550ae;
  --glow: rgba(17, 99, 41, 0.06);
  --glow2: rgba(5, 80, 174, 0.06);
  --border: rgba(31, 35, 40, 0.15);
  --border-hover: rgba(31, 35, 40, 0.25);
  --gradient: linear-gradient(135deg, #116329, #0550ae);
  --grid-color: rgba(31, 35, 40, 0.06);
}