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

   Forma seksjonen har bur i /seksjon.css og er delt med /bok og /film. Denne
   fila er nattblåtta: dei ni fargane, dei tre skriftene, dei fem skrima — og
   Leaflet i mørket, som er det einaste her som er /tog sitt åleine.

   Verdiane er uendra frå ADR 0022, som løfta dei ut av tog/selfie/index.html.
   Det som endra seg er kva dei HEITER. Dei to aksentane var «lampe» og
   «skjene», og ei bokhylle kan ikkje arva ei skjene med ærleg samvit. Dei
   heiter --varm og --kald no; tydinga er ordrett den same, og kontrakten står
   i seksjon.css.

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

:root {
  --bg: #0f1622;          /* sida */
  --bg-2: #131d2c;        /* andre flate, indre panel, kartbakgrunn */
  --panel: #182437;       /* kort */
  --ink: #eef4ff;         /* brødtekst */
  --muted: #9db0c9;       /* andre tekst */
  --line: #2b3a52;        /* kantar, hårstrekar, tidslinjeryggen */
  --varm: #ffce6b;        /* varm vognlampe */
  --kald: #6fb7ff;        /* kaldt skjenestål */
  --varm-lys: #ffdb94;    /* --varm eit hakk lysare; berre fylte knappar */
  /* Dei same to aksentane som RÅ komponentar, til dei stadene 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 — det blei målt,
     to gonger (--glo i seksjon.css, og eit merke i arkiv.css). Difor triplar. */
  --bg-rgb: 15, 22, 34;
  --varm-rgb: 255, 206, 107;
  --kald-rgb: 111, 183, 255;
  --well: #0c131e;        /* bak eit bilete før det har lasta */

  --glo: radial-gradient(120% 60% at 50% -10%, rgba(111, 183, 255, 0.10) 0%, rgba(111, 183, 255, 0) 55%);
  --scrim: linear-gradient(180deg, rgba(8, 12, 20, 0) 0%, rgba(8, 12, 20, 0.78) 48%, rgba(8, 12, 20, 0.96) 100%);
  --hero-scrim: linear-gradient(180deg, rgba(15, 22, 34, 0.15) 0%, rgba(15, 22, 34, 0.7) 58%, #0f1622 100%);
  --shadow: rgba(0, 0, 0, 0.45);
  --shadow-card: 0 14px 30px -22px rgba(0, 0, 0, 0.9);
  --shadow-live: 0 18px 40px -24px rgba(0, 0, 0, 0.95);

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

/* Veggen av togselfiar vil ha den breie spalta; lesesidene vil ikkje. */
body.sek-vid { --page-vid: min(1180px, 100%); }

/* ── Leaflet, i mørket ───────────────────────────────────────────────────────
   Blir verande her og ikkje i /seksjon.css: to sider i DENNE seksjonen mustrar
   eit kart, og ingen andre. Filterkjeda nedanfor er dessutan stemt etter denne
   eine paletten — hue-rotate(200deg) ER nattblåtta — så ein varm seksjon ville
   trenga ei anna kjede, ikkje den same. Ein delt shell ber det meir enn éin
   seksjon treng, ikkje det éin seksjon tilfeldigvis har.

   isolation:isolate held Leaflet sine indre z-indeksar (markørar 600, popup
   700) inne i kartet sin eigen stablingskontekst — utan det rangerer dei over
   det faste lyskasse-overlegget og målar oppå det opne biletet. */
/* Bakgrunnen står to gonger med vilje. Leaflet sitt eige ark ber
   `.leaflet-container { background: #ddd }` med same spesifisitet som vår, så
   den som lastar sist vinn — og ei side som lastar dei andre vegen rundt får
   eit KVITT rektangel der flisene enno ikkje har kome. Kvar side i seksjonen
   lenkjer /vendor/leaflet.css fyrst av den grunnen; den samansette veljaren
   nedanfor er beltet til det paret bukseseler. */
.tog-map { width: 100%; background: var(--bg-2); isolation: isolate; }
.tog-map.leaflet-container { background: var(--bg-2); }
.leaflet-container { background: var(--bg-2); font-family: var(--font-ui); }
/* Ton den lyse OSM-rasteren mot nattpaletten. Berre fliseflata, så biletnåler
   og verktøytips held dei sanne fargane sine. */
.tog-map .leaflet-tile-pane {
  filter: brightness(0.65) invert(1) contrast(1.05) hue-rotate(200deg) saturate(0.55) brightness(1.05);
}
.leaflet-bar a, .leaflet-bar a:hover {
  background: var(--panel); color: var(--ink); border-bottom-color: var(--line);
}
.leaflet-bar a:hover { background: var(--bg-2); }
.leaflet-control-attribution {
  background: rgba(var(--bg-rgb), 0.82) !important; color: var(--muted);
}
.leaflet-control-attribution a { color: var(--kald); }

/* Reiseskissa. Ho budde i tog/arkiv/arkiv.css til /tog/neste teikna henne òg;
   no er ho seksjonen sin, som teikninga i tog/felles.js er det. Høgda blir
   overstyrt der ho skal vera mindre. */
.reise-skisse { display: block; width: 100%; height: 150px; background: var(--bg-2); }
.reise-skisse .line { fill: none; stroke: var(--varm); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.reise-skisse .prikk { fill: var(--varm); }