:root {
  --bg: #f6f5f1;
  --panel: #ffffff;
  --line: #e4e1d8;
  --fg: #1f1e1b;
  --muted: #6f6c64;
  --accent: #2f6b4f;
  --accent-2: #c98a2b;
  --accent-3: #4a6fa5;
  --accent-4: #9b5c8f;
  --grid: #ecebe5;
  --bad: #b3412f;
  --radius: 10px;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #171714;
    --panel: #201f1c;
    --line: #34322d;
    --fg: #ecebe6;
    --muted: #a19e95;
    --accent: #6fbf95;
    --accent-2: #e2b15f;
    --accent-3: #86a7d8;
    --accent-4: #c995bd;
    --grid: #2b2a26;
    --bad: #e07a65;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--sans); font-size: 15px; line-height: 1.45; }
button, input { font: inherit; color: inherit; }