:root {
  /* Colors — Dark */
  --bg: #000000;
  --bg-panel: #0a0a0a;
  --bg-hover: #111111;
  --text: #ededed;
  --text-muted: #888888;
  --border: #333333;
  --accent: #ffffff;
  --primary: #009D5F;
  --primary-dim: color-mix(in srgb, #009D5F 6%, transparent);
  --danger: #ff5555;

  /* Typography */
  --font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", monospace;

  /* Spacing (base-8) */
  --s1: 0.5rem;   /* 8px */
  --s2: 1rem;     /* 16px */
  --s3: 1.5rem;   /* 24px */
  --s4: 2rem;     /* 32px */
  --s6: 3rem;     /* 48px */
  --s8: 4rem;     /* 64px */

  /* Layout */
  --max-w: 720px;
  --radius: 8px;
  --transition: 0.15s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: var(--text); text-decoration: none; }
button { font-family: var(--font); }
input { font-family: var(--font); }

::selection {
  background: var(--primary);
  color: var(--bg);
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #444; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #666; }