/* «Losen» v2 design tokens — hentet ordrett fra styleguidens «Til Claude Code»-seksjon.
   Kilde: docs/Losen-Styleguide.html. Bindende for all UI i prosjektet.
   Fonter: Lexend (alt innhold) + Space Mono (mono) — begge OFL. */

:root {
  --kart: #F7F5F0;   --flate: #FCFBF8;
  --hav: #142735;    --dyp: #4E6273;
  --fyr: #F2C230;    --led: #1B6E8C;
  --ok: #2F7D4F;     --feil: #B23A2F;
  --strek: #E2DFD7;  --felt-kant: #BCB7A9;
  --font: 'Lexend', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --radius-felt: 6px;  --radius-kort: 12px;
  --radius-knapp: 999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --kart: #0D1B26;  --flate: #16283A;
    --hav: #E8EDF0;   --dyp: #A9B8C2;
    --led: #6FB4D4;   --ok: #7FBE9A;
    --feil: #E08A80;  --strek: #24394A;
    --felt-kant: #3A5064;
  }
}

/* Tillegg (implementasjon): manuell mørk modus — kreves av styleguidens sjekkliste
   («Mørk modus: auto + manuell bryter»). Samme verdier som auto-mørk over. */
:root[data-theme="dark"] {
  --kart: #0D1B26;  --flate: #16283A;
  --hav: #E8EDF0;   --dyp: #A9B8C2;
  --led: #6FB4D4;   --ok: #7FBE9A;
  --feil: #E08A80;  --strek: #24394A;
  --felt-kant: #3A5064;
}

/* Tillegg (implementasjon): faste kontrastfarger for gul og mørk flate.
   Styleguiden: fyrseksjonen er gul i begge moduser med alltid mørk tekst (8.9:1),
   og knappen inne i den inverterer til mørk. Disse er konstante på tvers av modus. */
:root {
  --fyr-tekst: #142735;        /* tekst/knappflate på gul bunn */
  --fyr-tekst-dempet: #3d3419; /* dempet tekst på gul bunn */
  --pa-mork: #F7F5F0;          /* tekst på mørk knappflate */
}
