/* LYFE Offshore — brugsheet tussen de oude paginastijl en de beeldtaal.

   Kleur en letter komen uit assets/tokens.css (kopie uit het brein). Dit
   bestand voegt daar niets aan toe: het vertaalt alleen de namen die de
   pagina's van vóór de beeldtaal gebruiken (--bg-0, --text-1, --border-m …)
   naar de tokens (--ground, --ink, --line …). Zo verandert een pagina van
   gezicht zonder dat elke regel herschreven hoeft te worden.

   Gebruik:
     <link rel="stylesheet" href="/assets/tokens.css">
     <link rel="stylesheet" href="/assets/site.css">
   en haal daarna het :root-blok met --bg-0 … --border-h uit de pagina weg.
   Zolang dat blok er nog staat wint de pagina — het inline <style> komt na
   deze link — dus pagina's kunnen één voor één over.

   Dit bestand is bedoeld om te verdwijnen. Nieuwe stijl schrijf je in de
   tokennamen, niet in deze; als straks alle pagina's rechtstreeks --ground en
   --ink gebruiken, kan de brug weg.

   Niet hier: --accent, --accent-soft, --ok, --alarm, --warn en --anchor
   heten in de beeldtaal al hetzelfde en komen dus rechtstreeks uit tokens.css.
   Let op bij het omzetten van de oudere pagina's: die gebruiken --warn soms
   voor een alarm (rood). Dat wordt --alarm; --warn is oranje. */

:root{
  /* Vlakken. bg-0 is de pagina zelf, bg-2 het kaartvlak erop; 1 en 3 zijn de
     halve stappen die de oude pagina's ertussen legden. */
  --bg-0: var(--ground);
  --bg-1: color-mix(in srgb, var(--surface) 55%, var(--ground));
  --bg-2: var(--surface);
  --bg-3: color-mix(in srgb, var(--surface) 94%, var(--ink));

  /* Tekst, van hoofdtekst naar bijschrift. */
  --text-1: var(--ink);
  --text-2: var(--ink-2);
  --text-3: var(--ink-3);

  /* Lijnen. De oude pagina's hadden drie sterktes van dezelfde kleur op
     .08/.14/.22 alfa; de beeldtaal heeft één lijnkleur, dus de sterktes
     komen hier uit een mengsel. */
  --border:   color-mix(in srgb, var(--line) 55%, transparent);
  --border-m: var(--line);
  --border-h: color-mix(in srgb, var(--ink-3) 45%, var(--line));

  /* Status. --live was groen voor "zendt nu uit", --stale en --rest grijs. */
  --live:  var(--ok);
  --stale: var(--ink-3);
  --rest:  var(--ink-3);

  /* Glas: half doorzichtige kaartvlakken over de kaart heen. Zelfde vorm,
     nu op de tokenkleur, zodat ze in dag én nacht kloppen. */
  --glass-bg:        color-mix(in srgb, var(--surface) 62%, transparent);
  --glass-bg-strong: color-mix(in srgb, var(--surface) 88%, transparent);
  --hover-bg:        color-mix(in srgb, var(--ink) 6%, transparent);

  /* Letter. --font-ui was de eigen naam van live2.html. */
  --font-ui: var(--font-body);
}