/* Gedeeld kleurenpalet voor icefx.nl en icefx.nl/studio -- pas hier
   aan, niet in de losse pagina's, anders lopen ze weer uit elkaar.
   (Alleen deze twee pagina's: ze leven in dezelfde repo/deploy. De
   losse video.icefx.nl-portal heeft bewust zijn eigen kopie, zie
   icefox-player -- geen cross-repo afhankelijkheid.) */
:root {
  color-scheme: dark;

  /* Drie donkere lagen. Stonden eerder te dicht op elkaar, waardoor een kaart
     nauwelijks van zijn achtergrond te onderscheiden was; nu een zichtbare
     trap, met een blauwe ondertoon in plaats van neutraal grijs. */
  --ice-0: #03070e;
  --ice-1: #091524;
  --ice-2: #11293a;

  --frost: #eaf4fc;
  --soft: #c2d8e4;
  /* --dim draagt bijna alle secundaire tekst. Iets lichter dan voorheen
     (#7e93a8): 6,3:1 -> 7,8:1 op --ice-0. Was al ruim voldoende, leest nu
     ook comfortabel op een telefoon in de zon. */
  --dim: #8ea4b8;

  --glacial: #7fd4ff;
  --glacial-dim: rgba(127, 212, 255, 0.32);
  --ember: #ff9040;

  --line: rgba(127, 212, 255, 0.14);
  --line-strong: rgba(127, 212, 255, 0.34);
  --surface: rgba(255, 255, 255, 0.035);
  --surface-strong: rgba(255, 255, 255, 0.065);

  /* Verticale maatvoering. Eén schaal voor de hele pagina in plaats van overal
     een los px-getal; secties konden daardoor niet ademen. */
  --space-section: clamp(76px, 11vh, 132px);
  --space-title: clamp(28px, 4vh, 46px);
}