:root {
  color-scheme: light dark;
  --bg: #101211;
  --bg-elevated: #171a18;
  --bg-muted: #20241f;
  --paper: #e8e5dc;
  --paper-muted: #b8b4aa;
  --line: rgba(232, 229, 220, 0.2);
  --line-strong: rgba(232, 229, 220, 0.45);
  --accent: #a81600;
  --accent-contrast: #ff8a74;
  --green: #c4e817;
  --amber: #e0bb68;
  --violet: #b6a3ff;
  --danger: #ff776f;
  --on-accent: #e8e5dc;
  --glow-accent: 0 0 28px rgba(168, 22, 0, 0.5);
  --line-faint: color-mix(in srgb, var(--paper) 8%, transparent);
  --wash: color-mix(in srgb, var(--paper) 5%, transparent);
  --accent-underline: color-mix(in srgb, var(--accent) 78%, transparent);
  --graph-structure-alpha: 0.2;
  --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #ffffff;
    --bg-elevated: #f3f3f3;
    --bg-muted: #dcd8cc;
    --paper: #101211;
    --paper-muted: #57544b;
    --line: rgba(16, 18, 17, 0.2);
    --line-strong: rgba(16, 18, 17, 0.5);
    --accent-contrast: #8f1300;
    --green: #4a6b00;
    --amber: #7d5c10;
    --violet: #5b46b4;
    --danger: #b2211a;
    --glow-accent: 0 0 20px rgba(168, 22, 0, 0.25);
    --graph-structure-alpha: 0.26;
  }
}