/*  Norlys Kystlinjen – årsberetning 2026
    01-tokens.css  ·  designsystem: farger, typografi, rhythm, bevegelse
    Alt som brøt med denne skalaen er en feil, ikke et valg.
    ------------------------------------------------------------------ */
:root {
  /* --- palett: kalde nøytraler + éin varm aksent ------------------- */
  --papir: #fbfaf8;      /* ark           */
  --papir-2: #f2f0ec;    /* felt, tabell  */
  --papir-3: #e8e5df;    /* slaggrid      */
  --hav: #dfe7ea;        /* kartflate     */
  --land: #f1ede7;       /* land i kart   */
  --ink: #12191d;        /* brødtekst     */
  --ink-2: #4a5760;      /* sekundærtekst */
  --ink-3: #7b8890;      /* mikro-label   */
  --streke: #c9d1d5;     /* skillelinjer  */
  --streke-2: #9fadb4;   /* axelstreker   */
  --natt: #101a1e;       /* mørkt felt    */
  --lys-pa-natt: #f4f2ee;
  --demp-pa-natt: #b6c2c7;
  --aksent: #b4531c;     /* varm aksent, bruk på papir */
  --aksent-natt: #e39a63;/* aksent til smått tekst på mørk bunn */
  --aksent-svak: #f3e2d5;/* aksentens bakgrunn (valgt rad) */

  /* --- brennelsekvens: lyst mot mørkt, rekkefølge = utslipp -------- */
  --b-elektrisk: #5b939c;   /* 24 g */
  --b-hydrogen:  #47838f;   /* 31 g */
  --b-lng:       #2f7580;   /* 54 g */
  --b-hybrid:    #1b5e6b;   /* 63 g */
  --b-diesel:    #0b3b45;   /* 88 g */

  /* --- typografi: tre lokale familier, ingen nedlasting ------------ */
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua",
           "URW Palladio L", Georgia, "DejaVu Serif", serif;
  --sans:  "Helvetica Neue", "Segoe UI Variable Text", "Segoe UI", system-ui,
           -apple-system, "Liberation Sans", Arial, sans-serif;
  --mono:  ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono",
           "DejaVu Sans Mono", monospace;

  /* --- typeskala: forhold 1,25, anker 16 px ------------------------ */
  --t-0: 12px;  --l-0: 16px;   /* mikro, takstrekster, etiketter */
  --t-1: 14px;  --l-1: 20px;   /* tabellmeta, undertekst         */
  --t-2: 16px;  --l-2: 24px;   /* UI-brødtekst                   */
  --t-3: 20px;  --l-3: 28px;   /* innledningsvis, sitat          */
  --t-4: 25px;  --l-4: 32px;   /* h3                             */
  --t-5: 31px;  --l-5: 36px;   /* h2                             */
  --t-6: 39px;  --l-6: 44px;   /* tittel                         */
  --t-7: 49px;  --l-7: 52px;   /* overskrift, smalt format  */
  --t-8: 61px;  --l-8: 64px;   /* dominant tall                  */
  --t-9: 76px;  --l-9: 80px;   /* dominant tall, bredskjerm      */

  /* --- rhythm: 4 px-bunnlinje, 24 px grunnlag --------------------- */
  --b-1: 4px;   --b-2: 8px;   --b-3: 12px;  --b-4: 16px;
  --b-5: 24px;  --b-6: 32px;  --b-7: 48px;  --b-8: 64px;
  --b-9: 96px;  --b-10: 128px;

  /* --- raster ----------------------------------------------------- */
  --bredde: 1280px;
  --spalte: 24px;
  --leserbredde: 34rem;          /* ~68 tegn i --serif 20/28 */
  --topp: 60px;                  /* fast menylinje           */
  --fortrinn: calc(var(--topp) + var(--b-5));  /* ankerklaring */

  /* --- bevegelse -------------------------------------------------- */
  --g: 200ms;
  --g-sakte: 420ms;
  --kurve: cubic-bezier(.2, .7, .3, 1);
}

@media (max-width: 1099px) { :root { --topp: 56px; --t-8: var(--t-7); } }
@media (max-width: 639px)  { :root { --topp: 52px; --t-9: var(--t-7); --spalte: 16px; } }