:root {
  --bg:       #0a0c0f;
  --surface:  #0f1217;
  --surface2: #151a22;
  --border:   #1e2530;
  --green:    #00e676;
  --red:      #ff3d57;
  --amber:    #ffb300;
  --blue:     #448aff;
  --text:     #e0e8f0;
  --text-dim: #6a7a8a;
  --font-mono: 'JetBrains Mono', monospace;
  --font-sans: 'Syne', sans-serif;
  --radius: 6px;
  --shadow: 0 4px 24px rgba(0,0,0,0.4);
}

[data-theme="light"] {
  --bg:       #f0f2f5;
  --surface:  #ffffff;
  --surface2: #f5f6f8;
  --border:   #dde1e8;
  --green:    #00a854;
  --red:      #e03040;
  --amber:    #d48700;
  --blue:     #2d6ee6;
  --text:     #1a1f2e;
  --text-dim: #6b7280;
  --shadow: 0 4px 24px rgba(0,0,0,0.08);
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-sans); background: var(--bg); color: var(--text); font-size: 14px; }
a { color: var(--green); text-decoration: none; }
a:hover { text-decoration: underline; }