/* LICHT THEMA — alleen de inlogpagina en het klantenportaal laden dit bestand.
   Standaard volgt de pagina het apparaat van de klant (licht of donker). Met de knop in het portaal kiest de klant zelf.
   De donkere kleuren staan in basis.css. Hier staan dezelfde namen met lichte waarden.
   Let op: de twee blokken hieronder moeten precies dezelfde kleuren hebben. */

@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) {
    color-scheme: light;
    --bg: #f3f6f6;
    --bg2: #ffffff;
    --bg3: #e9eff0;
    --line: rgba(11, 43, 56, 0.12);
    --line2: rgba(11, 43, 56, 0.26);
    --text: #0b1e27;
    --muted: #4f6670;
    --gold: #c68f1c;
    --gold2: #8a5f06;
    --teal: #0f7872;
    --red: #b93f25;
    --green: #1c7436;
    --ongold: #1b1405;
    --topbg: rgba(243, 246, 246, 0.96);
    --scrim: rgba(11, 30, 39, 0.5);
  }
}
:root[data-theme='light'] {
  color-scheme: light;
  --bg: #f3f6f6;
  --bg2: #ffffff;
  --bg3: #e9eff0;
  --line: rgba(11, 43, 56, 0.12);
  --line2: rgba(11, 43, 56, 0.26);
  --text: #0b1e27;
  --muted: #4f6670;
  --gold: #c68f1c;
  --gold2: #8a5f06;
  --teal: #0f7872;
  --red: #b93f25;
  --green: #1c7436;
  --ongold: #1b1405;
  --topbg: rgba(243, 246, 246, 0.96);
  --scrim: rgba(11, 30, 39, 0.5);
}
/* Als iemand op een licht apparaat bewust donker kiest, gelden gewoon de kleuren uit basis.css. */
:root[data-theme='dark'] {
  color-scheme: dark;
}