/* Design tokens — DESIGN.md §2. All colors live here; components must
   reference these variables only (DESIGN.md §10). */
:root {
  --papper: #F6F7F4;       /* background — cold archive paper */
  --black: #161B18;        /* text, wordmark — ink with a conifer tint */
  --granit: #57605B;       /* secondary text, metadata, captions */
  --linje: #DFE3DE;        /* hairline dividers, 1px card borders */
  --varsel: #E8A012;       /* THE signal color: alert marks, primary CTA,
                              focus ring, wordmark dot — never decorative */
  --varsel-svag: #FBF3DF;  /* only permitted tinted surface: alert card header */

  /* Derived surfaces (DESIGN.md §4 + hover rule §6) */
  --kort: #FFFFFF;         /* alert card / input surface (DESIGN §4) */
  --varsel-mork: #D5920F;  /* primary CTA hover shade of --varsel */

  /* Type stacks (DESIGN.md §3), self-hosted */
  --font-heading: "Besley", Georgia, "Times New Roman", serif;
  --font-body: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;
}