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

:root {
  --bg-color: #f4f4f4;
  --surface-bg: #ffffff;
  --text-main: #111111;
  --text-muted: #555555;
  --accent: #008f11;
  --accent-rgb: 0, 143, 17;
  --border-color: #cccccc;
  --card-hover: #ffffff;
  --badge-bg: #e0e0e0;
  --icon-color: #555555;
  --icon-hover: #111111;
  --positive: #008f11;
  --negative: #c0392b;
  --grid-color: rgba(0, 0, 0, 0.06);

  --font-main: 'Outfit', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --radius: 2px;
  --glow-shadow: none;
  --glow-text: none;
}

[data-theme="dark"] {
  --bg-color: #050505;
  --surface-bg: #0a0a0a;
  --text-main: #e0e0e0;
  --text-muted: #888888;
  --accent: #ffd300;
  --accent-rgb: 255, 211, 0;
  --border-color: #1a331a;
  --card-hover: #0a0a0a;
  --badge-bg: #001a00;
  --icon-color: #008f11;
  --icon-hover: #ffd300;
  --positive: #00ff41;
  --negative: #ff5555;
  --grid-color: rgba(255, 255, 255, 0.06);

  --glow-shadow: 0 0 10px rgba(255, 211, 0, 0.15);
  --glow-text: 0 0 8px rgba(255, 211, 0, 0.4);
}