/* Shared tokens for the static pages, kept in step with the app's palette in
   src/index.css: navy ink, teal brand, red correcting pen, green good marks,
   on cool exam-notebook paper. */
:root {
  --paper: hsl(216 33% 97%); --surface: #fff; --surface-2: hsl(216 30% 98.5%);
  --ink: hsl(220 43% 20%); --muted: hsl(220 15% 38%); --line: hsl(216 25% 86%);
  --accent: hsl(173 46% 31%); --accent-strong: hsl(173 46% 24%); --accent-soft: hsl(173 30% 93%);
  --good: hsl(126 32% 34%); --good-soft: hsl(126 30% 92%);
  --warn: hsl(4 65% 46%); --warn-soft: hsl(4 70% 95%);
  --margin-line: hsl(4 70% 72%);
  --shadow: 0 1px 2px hsl(220 43% 20% / .06), 0 8px 24px hsl(220 43% 20% / .06);
  --sans: "Assistant", "Heebo", "Arial Hebrew", system-ui, sans-serif;
  --display: "Frank Ruhl Libre", "David Libre", serif;
  --hand: "Gveret Levin", "Frank Ruhl Libre", cursive;
  --maxw: 1120px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: hsl(222 30% 10%); --surface: hsl(222 26% 13%); --surface-2: hsl(222 24% 15%);
    --ink: hsl(216 30% 93%); --muted: hsl(216 15% 68%); --line: hsl(222 18% 24%);
    --accent: hsl(172 42% 56%); --accent-strong: hsl(172 45% 66%); --accent-soft: hsl(173 30% 16%);
    --good: hsl(126 38% 62%); --good-soft: hsl(126 25% 16%);
    --warn: hsl(4 80% 68%); --warn-soft: hsl(4 40% 18%);
    --margin-line: hsl(4 45% 40%);
    --shadow: 0 1px 2px hsl(0 0% 0% / .3), 0 12px 32px hsl(0 0% 0% / .35);
  }
}
h1, h2, h3 { font-family: var(--display); }
.hand { font-family: var(--hand); font-weight: 400; }