:root {
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  --font-serif: 'Merriweather', Georgia, 'Times New Roman', serif;
  color-scheme: light;

  /* Light Theme */
  --ink: #1a2233;
  --ink-soft: #3b4252;
  --muted: #7b8794;
  --paper: #f7fafd;
  --panel: #ffffff;
  --line: #e5e9f2;
  --line-strong: #c2cbe0;
  --accent: #2563eb;
  --accent-strong: #1746a2;
  --accent-soft: #e0e7ff;
  --success: #22c55e;
  --warning: #f59e42;
  --danger: #e11d48;
  --info: #0ea5e9;
  --shadow-sm: 0 4px 16px rgba(30, 41, 59, 0.07);
  --shadow-md: 0 12px 36px rgba(30, 41, 59, 0.13);
  --radius: 14px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f3f6fa;
  --ink-soft: #cbd5e1;
  --muted: #8b98b1;
  --paper: #181c24;
  --panel: #232a36;
  --line: #2d3440;
  --line-strong: #3b4252;
  --accent: #4f8cff;
  --accent-strong: #7aa7ff;
  --accent-soft: rgba(79, 140, 255, 0.14);
  --success: #22c55e;
  --warning: #f59e42;
  --danger: #e11d48;
  --info: #38bdf8;
  --shadow-sm: 0 4px 16px rgba(20, 30, 50, 0.18);
  --shadow-md: 0 12px 36px rgba(20, 30, 50, 0.28);
}

:root[data-theme="light"] {
  color-scheme: light;
}

/* Dark Theme */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --ink: #f3f6fa;
    --ink-soft: #cbd5e1;
    --muted: #8b98b1;
    --paper: #181c24;
    --panel: #232a36;
    --line: #2d3440;
    --line-strong: #3b4252;
    --accent: #4f8cff;
    --accent-strong: #2563eb;
    --accent-soft: #232a36;
    --success: #22c55e;
    --warning: #f59e42;
    --danger: #e11d48;
    --info: #38bdf8;
    --shadow-sm: 0 4px 16px rgba(20, 30, 50, 0.18);
    --shadow-md: 0 12px 36px rgba(20, 30, 50, 0.28);
    --radius: 14px;
  }
}