/* ─────────────────────────────────────────────────────────────────────────────
   /lesing — paletten, og berre han.

   Forma bur i /seksjon.css. Denne fila er papir og blekk, løfta frå
   prototypen «Pages read: a sampler of charts» som sida voks ut av: lyst
   papir med marineblått blekk, og ein marineblå natt når lesaren vil ha mørkt.
   Det er den einaste sida i skalet som følgjer fargeskjemaet til lesaren, slik
   /vis gjer det; resten av bokseksjonen er treverk og står i bok/bok.css.

   Gullet er bandmerket i ei bok, og kvart tal. Det er mørkna i lys modus,
   for prototypen sitt gull (#D99A1E) held ikkje tekstkontrast mot papiret.
   Krikkand er det maskina rekna ut, mellom anna prognosen.

   Kalenderen har sine eigne seks steg, --h0 til --h5, frå papir til djupt
   blått. Dei er ikkje alfa over ein aksent: kvart steg er ein eigen farge i
   kvar modus, slik prototypen hadde dei.

   Kontrasten er målt, ikkje gjetta: test/contrast.test.js ber tabellen.
   Lastrekkjefølgje: /seksjon.css → DENNE → sida si eiga.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  color-scheme: light dark;
  --bg: #E8ECE4;          /* papir */
  --bg-2: #DFE4DA;
  --panel: #F4F6F1;       /* eit kort på papiret */
  --well: #DDE3D9;
  --ink: #1E2940;         /* blekk */
  --muted: #4A5470;
  --line: #C9D0C4;
  --varm: #7A4F00;        /* bandmerket, mørkna til tekst */
  --kald: #1F5F5C;        /* krikkand, mørkna til tekst */
  --varm-lys: #D99A1E;    /* bandmerket slik prototypen hadde det; berre fylte knappar */
  --bg-rgb: 232, 236, 228;
  --varm-rgb: 122, 79, 0;
  --kald-rgb: 31, 95, 92;
  --h0: #DDE3D9;
  --h1: #B9CBD0;
  --h2: #86A7B4;
  --h3: #4F7C95;
  --h4: #2B5374;
  --h5: #152E4A;

  --glo: radial-gradient(130% 70% at 50% -8%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 58%);
  --scrim: linear-gradient(180deg, rgba(232, 236, 228, 0) 0%, rgba(232, 236, 228, 0.8) 48%, rgba(232, 236, 228, 0.96) 100%);
  --hero-scrim: linear-gradient(180deg, rgba(232, 236, 228, 0.15) 0%, rgba(232, 236, 228, 0.72) 58%, #E8ECE4 100%);
  --shadow: rgba(30, 41, 64, 0.18);
  --shadow-card: 0 14px 30px -24px rgba(30, 41, 64, 0.45);
  --shadow-live: 0 18px 40px -26px rgba(30, 41, 64, 0.55);

  --font-disp: Literata, Georgia, serif;
  --font-ui: 'Instrument Sans', system-ui, sans-serif;
  --font-lab: 'Instrument Sans', system-ui, sans-serif;
}

/* Natta. Same tokens, same namn; berre verdiane skiftar. */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111827;
    --bg-2: #141D2C;
    --panel: #182132;
    --well: #0D1320;
    --ink: #E6E9E1;
    --muted: #A3AEC2;
    --line: #2C374B;
    --varm: #E8B04A;
    --kald: #5BB3AE;
    --varm-lys: #F2C877;
    --bg-rgb: 17, 24, 39;
    --varm-rgb: 232, 176, 74;
    --kald-rgb: 91, 179, 174;
    --h0: #1E2838;
    --h1: #24435A;
    --h2: #2F6585;
    --h3: #4C8DAE;
    --h4: #86BCD3;
    --h5: #D4ECF3;
    --glo: radial-gradient(130% 70% at 50% -8%, rgba(44, 57, 84, 0.7) 0%, rgba(44, 57, 84, 0) 58%);
    --scrim: linear-gradient(180deg, rgba(17, 24, 39, 0) 0%, rgba(17, 24, 39, 0.78) 48%, rgba(17, 24, 39, 0.96) 100%);
    --hero-scrim: linear-gradient(180deg, rgba(17, 24, 39, 0.15) 0%, rgba(17, 24, 39, 0.72) 58%, #111827 100%);
    --shadow: rgba(0, 0, 0, 0.5);
    --shadow-card: 0 14px 30px -22px rgba(0, 0, 0, 0.9);
    --shadow-live: 0 18px 40px -24px rgba(0, 0, 0, 1);
  }
}