:root {
  --color-bg: #f7f7f3;
  --color-bg-muted: #f1f2ed;
  --color-surface: #ffffff;
  --color-surface-strong: #151816;
  --color-text: #151515;
  --color-text-muted: #5e665f;
  --color-text-soft: #8b938c;
  --color-border: rgba(0, 0, 0, 0.12);
  --color-border-strong: rgba(0, 0, 0, 0.18);
  --color-brand: #1c7c54;
  --color-brand-strong: #13563a;
  --color-success: #3f8f38;
  --color-success-soft: #e8f3e5;
  --color-warning: #ba7517;
  --color-danger: #cc4b37;
  --font-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --radius-sm: 8px;
  --radius-md: 12px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #111312;
    --color-bg-muted: #1f2421;
    --color-surface: #171a18;
    --color-surface-strong: #0f1411;
    --color-text: #f3f4ef;
    --color-text-muted: #a4ada5;
    --color-text-soft: #6d776f;
    --color-border: rgba(255, 255, 255, 0.1);
    --color-border-strong: rgba(255, 255, 255, 0.18);
    --color-success-soft: rgba(63, 143, 56, 0.16);
  }
}