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

   Forma bur i /seksjon.css og er delt med /tog, /bok, /film, /blogg og /tuben.
   Denne fila er VINYLEN: eit plommemørkt rom, ei plate på bordet.

   ── Kvifor rosa og ikkje messing ────────────────────────────────────────────
   Markus valde «djup plomme og messing». Messing var ikkje ledig: /bok sin
   --varm er #e0b565, og den beste messingkandidaten her låg 53 unna han —
   medan avstanden staden ALT held mellom to seksjonar (bok mot film) er 75.
   To seksjonar med same aksent er to seksjonar som ser like ut i margen på ein
   telefon, same kor ulike flatene er.

   Rosa er den einaste varme greina ingen står i: #f7a3b8 ligg 101 frå den
   næraste (blogg sin fersken). Og han er ikkje eit kompromiss — ein plateetikett
   er nettopp rosa eller raud, so han les som det han skal på ei plommeflate.

   Den kalde er mynte. #6fe0c0 ligg 90 frå den næraste (film), og 228 frå vår
   eigen varme — mynte mot rosa på plomme er ei ekte plateomslagsparing.

   Målt, ikkje gjetta. Kvart einaste par klarar AAA; dårlegaste er 7.78
   (--muted på --panel). Tabellen står i test/contrast.test.js.

   Lastrekkjefølgje: /seksjon.css → DENNE → sida si eiga.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  --bg: #120a14;          /* rommet */
  --bg-2: #1b1020;        /* toppen av rommet, indre panel */
  --panel: #241628;       /* eit kort på bordet */
  --ink: #f4ecf2;         /* lyset på papiret i omslaget */
  --muted: #bda8bd;       /* same papiret, i skugge */
  --line: #3d2a42;        /* kanten på omslaget */
  --varm: #f7a3b8;        /* etiketten — det HAN spelte, og kvart einaste tal */
  --kald: #6fe0c0;        /* det MASKINA talde: summar, delar, utrekna spenn */
  --varm-lys: #ffc2d0;    /* berre fylte knappar */
  --well: #0a050c;        /* bak eit omslag før det har lasta */

  /* Aksentane som RÅ komponentar, til det som treng dei med ein ALFA.
     rgba(var(--x-rgb), a) er piksel for piksel ein rgba()-literal;
     color-mix(… a%, transparent) er det IKKJE. Difor triplar. */
  --bg-rgb: 18, 10, 20;
  --varm-rgb: 247, 163, 184;
  --kald-rgb: 111, 224, 192;

  /* Lyset over bordet. Heile gradienten og ikkje ein farge — sjå kontrakten. */
  --glo: radial-gradient(130% 70% at 50% -8%, rgba(126, 74, 118, 0.45) 0%, rgba(126, 74, 118, 0) 60%);
  --scrim: linear-gradient(180deg, rgba(18, 10, 20, 0) 0%, rgba(18, 10, 20, 0.78) 48%, rgba(18, 10, 20, 0.96) 100%);
  --hero-scrim: linear-gradient(180deg, rgba(18, 10, 20, 0.15) 0%, rgba(18, 10, 20, 0.72) 58%, #120a14 100%);
  --shadow: rgba(0, 0, 0, 0.5);
  --shadow-card: 0 14px 30px -22px rgba(0, 0, 0, 0.95);
  --shadow-live: 0 18px 40px -24px rgba(0, 0, 0, 1);

  --font-disp: Fraunces, Georgia, serif;
  --font-ui: Inter, system-ui, sans-serif;
  --font-lab: 'Barlow Condensed', 'Helvetica Neue', Arial, sans-serif;
}