:root {
  --theme-background: #f8fafc;
  --theme-surface: #ffffff;
  --theme-border-subtle: rgba(15, 23, 42, 0.08);
  --theme-border-strong: rgba(15, 23, 42, 0.18);
  --theme-text-primary: #0f172a;
  --theme-text-secondary: rgba(15, 23, 42, 0.65);
  --theme-accent: #0f6cbd;
  --theme-accent-soft: rgba(15, 108, 189, 0.12);
  --theme-accent-strong: rgba(15, 108, 189, 0.18);
  --theme-success: #10b981;
  --theme-warning: #f59e0b;
  --theme-danger: #ef4444;
  color-scheme: light;
}

[data-theme="dark"] {
  --theme-background: #0f172a;
  --theme-surface: rgba(15, 23, 42, 0.88);
  --theme-border-subtle: rgba(148, 163, 184, 0.16);
  --theme-border-strong: rgba(148, 163, 184, 0.32);
  --theme-text-primary: #e2e8f0;
  --theme-text-secondary: rgba(226, 232, 240, 0.72);
  --theme-accent: #4f9ffb;
  --theme-accent-soft: rgba(79, 159, 251, 0.2);
  --theme-accent-strong: rgba(79, 159, 251, 0.3);
  color-scheme: dark;
}

body {
  background-color: var(--theme-background);
  color: var(--theme-text-primary);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}

a {
  color: inherit;
}

a:hover,
a:focus {
  color: var(--theme-accent);
}