*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --ink: #1a1a1a;
  --accent: #c0392b;
  --accent-light: #fdf2f1;
  --paper: #faf9f7;
  --paper-dark: #f4f2ef;
  --border: #d9d5cf;
  --muted: #888580;
  --tooltip-bg: #1a1a1a;
  --tooltip-text: #faf9f7;
}

[data-theme="dark"] {
  --ink: #e0dbd5;
  --accent: #e06050;
  --accent-light: #2a1614;
  --paper: #161412;
  --paper-dark: #1e1b18;
  --border: #302b27;
  --muted: #6b6760;
  --tooltip-bg: #e0dbd5;
  --tooltip-text: #161412;
}

body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-mono, 'DM Mono', monospace);
  -webkit-font-smoothing: antialiased;
}

[data-theme="dark"] .reading-card,
[data-theme="dark"] .input-row { background: var(--paper-dark); }