/* Design tokens: every colour and type choice lives here.
   All other CSS must use var(--...) and never repeat a literal. */

:root {
  --paper: #faf6ee;
  --ink: #221c14;
  --muted-ink: #6f6455;
  --rule: #ddd2bd;
  --seal: #7c2d2d;
  --accent: #7c2d2d;
  --plaintiff: #1e4f8a;
  --defendant: #8a4d1c;
  --verdict-bg: #fffdf4;
  --verdict-border: #7c2d2d;

  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Source Serif 4", Georgia, serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #191410;
    --ink: #f0e8d8;
    --muted-ink: #b3a78f;
    --rule: #453b2c;
    --seal: #d99a6c;
    --accent: #d99a6c;
    --plaintiff: #8fb8ec;
    --defendant: #e0a46a;
    --verdict-bg: #241c12;
    --verdict-border: #d99a6c;
  }
}