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

   Forma seksjonen har bur i /seksjon.css og er delt med /tog, /bok, /film og
   /blogg. Denne fila er SKJERMGLOEN: eit rom med lyset av og ein skjerm på.

   Fram til #242 hadde /tuben sitt eige parallelle skal — tuben.css bar både
   forma og fargen, og var grøn som resten av shared.css. Han var difor den
   einaste seksjonen utan dei to portane skalet har: greppet som feller ein
   #rrggbb i seksjon.css, og det som feller ein klasse utan regel. Han har dei
   no, og prisen var at paletten måtte bli ein SEKSJONSPALETT: skalet er bygd
   på --bg/--ink/--varm/--kald, og alle fire seksjonane på det er mørke.

   ── Kvifor nøytralt svart, og ikkje blått ───────────────────────────────────
   Dei fire andre er alle blåtona i flatene sine (#0f1622, #180e09, #10161A,
   #0e1117 — treverket medrekna er tre av fire kjølige). Ein femte i same
   familien ville lese som ein kopi. Flatene her er nøytralt svarte, av di eit
   mørkt rom ikkje har ein farge — det er skjermen som har han.

   ── Kvifor fiolett er den kalde ─────────────────────────────────────────────
   --kald måtte halda seg unna BEGGE dei to diagramfargane, ikkje berre unna
   dei andre seksjonane. --tb-lang er cyan, og ein kald aksent i same hjørnet
   ville gjort «det maskina utleidde» og «langt format» til same signalet for
   auget. Fiolett er den einaste greina ingen annan seksjon og ingen
   diagramfarge står i.

   ── Kvifor den varme er oransje og ikkje gyllen ─────────────────────────────
   Same argumentet, andre vegen. --tb-usikker er blek gull, og ein gyllen
   --varm ville sett eit tal og ei skravering i same familien på ei side der
   nettopp skiljet mellom «eit tal» og «ikkje eit tal» er heile poenget
   (ADR 0015). Målt heller enn gjetta: #ffbe5c låg 45 unna --tb-usikker,
   #ff9f3d ligg 118 unna — og 99 frå --tb-shorts, som er om lag den avstanden
   shorts og usikker alt har mot kvarandre (109) og som staden difor alt
   godtek.

   ── Kontrast ────────────────────────────────────────────────────────────────
   AAA på kvart einaste tekstpar, dårlegaste 7.67 (--muted på --panel), og
   kvar diagramfarge klarar porten sin på 3:1 med meir enn det doble. Målt,
   ikkje gjetta; tabellen står i test/contrast.test.js.

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

:root {
  --bg: #0a0a0c;          /* rommet med lyset av */
  --bg-2: #131218;        /* toppen av rommet, indre panel */
  --panel: #1b1a22;       /* eit kort i skjermlyset */
  --ink: #f2efe9;         /* varm kvit — skjermlys på ein vegg */
  --muted: #b2aab8;       /* same lyset, lenger unna */
  --line: #322f3c;        /* kant, fuge, skiljelinje */
  --varm: #ff9f3d;        /* det HAN såg — og kvart einaste tal */
  --kald: #c4a6f0;        /* det MASKINA utleidde: samanstillingar, shorts-slutninga */
  --varm-lys: #ffbe7a;    /* berre fylte knappar */
  --well: #050507;        /* bak noko som ikkje har lasta */

  /* Dei same aksentane som RÅ komponentar, til stader som treng dei med ein
     ALFA. rgba(var(--x-rgb), a) er piksel for piksel det same som ein
     rgba()-literal; color-mix(… a%, transparent) er det IKKJE. Difor triplar. */
  --bg-rgb: 10, 10, 12;
  --varm-rgb: 255, 159, 61;
  --kald-rgb: 196, 166, 240;

  /* Sjølve gloen: skjermen som lyser opp rommet ovanfrå. Han er heile
     gradienten og ikkje ein farge — sjå kontrakten i seksjon.css for kvifor. */
  --glo: radial-gradient(130% 70% at 50% -8%, rgba(120, 96, 160, 0.42) 0%, rgba(120, 96, 160, 0) 60%);
  --scrim: linear-gradient(180deg, rgba(10, 10, 12, 0) 0%, rgba(10, 10, 12, 0.78) 48%, rgba(10, 10, 12, 0.96) 100%);
  --hero-scrim: linear-gradient(180deg, rgba(10, 10, 12, 0.15) 0%, rgba(10, 10, 12, 0.72) 58%, #0a0a0c 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;

  /* ── Diagramfargane ──────────────────────────────────────────────────────
     Desse er /tuben sine eigne og er IKKJE ein del av skalkontrakten. Dei er
     ikkje-tekstlege meiningsberarar og blir haldne til 3:1 mot kortet.

     Paletten er tre bøtter som aldri må lese som to. Shorts og langt format er
     dei to auget samanliknar; «ukjend» er med vilje den kjedelegaste av dei
     tre og blir alltid teikna skravert, av di han ikkje er ein tredje SLAGS
     video — han er fråværet av ei måling (ADR 0015). Verdiane er uendra frå før
     porten; det er berre flata under dei som er ny. */
  --tb-shorts: #ff9575;   /* flaumen i 2025 */
  --tb-lang:   #6fd3ff;   /* langt format */
  --tb-ukjend: #9aa8a0;   /* inga lengd i det heile — aldri eit faktum, alltid skravert */
  --tb-usikker:#e8c86a;   /* usikker eksportdekning */
  --tb-grid:   rgba(242, 239, 233, 0.14);
}

/* Geometri er form og ikkje palett, so den bur normalt i skalet — men skalet
   seier sjølv at ein seksjon som vil ha ei anna breidd deklererer henne på
   nytt. /tuben er ei LESANDE side med lange avsnitt og ingen marg, ikkje ein
   vegg av bilete: 1100 px gjev linjer ingen les. 820 er om lag der ho stod
   før porten (760 pluss rennene). */
:root { --page: min(820px, 100%); }