:root {
  --bg: #f9f9f9;
  --fg: #0a0a0a;
  --fg-subtle: #3a3a3a;
  --panel-bg: #f2f2f2;
  --panel-border: #e0e0e0;
  --code-bg: #fff;
  --code-border: #e0e0e0;
  --accent: #0a0a0a;
  --accent-hover: #2a2a2a;
  --accent-text: #f9f9f9;
  --muted: #999;
  --success: #1a1a1a;
  --success-text: #f9f9f9;
  --radius: 8px;
  --transition: 0.2s ease;
}

body.dark {
  --bg: #0a0a0a;
  --fg: #f2f2f2;
  --fg-subtle: #c8c8c8;
  --panel-bg: #141414;
  --panel-border: #242424;
  --code-bg: #0f0f0f;
  --code-border: #242424;
  --accent: #f2f2f2;
  --accent-hover: #c8c8c8;
  --accent-text: #0a0a0a;
  --muted: #555;
  --success: #e8e8e8;
  --success-text: #0a0a0a;
}