/* palette.css — ENESTE fargekilde for teorihuset.no/loyveproven/.
 *
 * WEB-BYGGEPLAN §7 (22.9.2026). Ingen side, ingen JSX og ingen annen CSS i
 * porten setter fargeverdier; de leser tokenene under. Sidene laster fila med
 * ?v=, så en ny bokstav i ?v= er alt som trengs for å bytte palett.
 *
 * PALETT «skilt» — valgt av eier 24.9.2026: blått fra norske opplysningsskilt.
 * Kandidatene «grontskilt» og «tospann» og palettvelgeren (?palette=) er fjernet;
 * de ligger i git-historikken (commit før 24.9-låsingen) hvis de trengs igjen.
 * Endrer du en farge: bump ?v= på palette.css i ALLE sidene i samme commit.
 *
 * Kontrast (WCAG 2.x, målt 22.9.2026 for alle tokenpar sidene bruker, også
 * color-mix-blandingene i JSX og HTML): tekst ≥ 4,5:1, stor tekst og flater
 * ≥ 3:1.
 *
 * Rollene:
 *   --accent        merkefarge: knapper, skiltflater, fokusring, prikker
 *   --accent-text   aksenten brukt som TEKST på lys grunn
 *   --positive      riktig svar, hakene i pakkelistene
 *   --negative      feil svar, ugyldig e-post, strykprosent
 * Riktig og feil skal aldri kunne forveksles med aksenten (blå aksent,
 * grønn --positive, rød --negative).
 *
 * Rekkefølge der fila lastes sammen med andre stilark: ETTER sample.css og
 * FØR guide.css, så paletten vinner over sample-masterens samf-farger og
 * guide.css kan bruke tokenene.
 */

:root {
  /* ── Palett «skilt» (valgt 24.9.2026) ─────────────────────────────────
   * Blått fra opplysningsskiltene langs norske veger — offentlig og nær
   * Vegvesenet. Drosjeporten er taxigul; løyve er blå. Kald papirgrunn,
   * marineblått blekk. */
  --bg: #F2F5F9;
  --bg-2: #E3E9F1;
  --ink: #0F1B2D;
  --ink-2: #3E4C60;
  --ink-3: #56647A;          /* 5,5:1 på --bg, 4,9:1 på --bg-2 */
  --card: #FFFFFF;
  --accent: #1D5FA8;         /* skiltblått — 6,5:1 mot hvit skrift */
  --accent-ink: #FFFFFF;     /* tekst PÅ aksentflate */
  --accent-soft: #E4EDF8;
  --accent-text: #1D5FA8;    /* aksenten brukt som TEKST på lys bakgrunn */
  --accent-on-deep: #8DB8EA; /* aksenten brukt som tekst/prikk på --deep */
  --deep: #0A1628;
  --deep-ink: #FFFFFF;
  --positive: #1C6B4B;       /* riktig svar — grønt, langt fra skiltblått */
  --positive-soft: #E1EFE8;
  --negative: #C1121F;       /* feil svar, ugyldig e-post, strykprosent */
  --warn: #A9521A;           /* tiden er ute, svake emner */
  --warn-soft: #F7EADC;
  --star: #B8781A;           /* App Store-stjernene — 3,3:1 på --bg */

  /* ── Avledet — følger ink automatisk, ingen egne verdier per palett ──── */
  --line: color-mix(in srgb, var(--ink) 12%, transparent);
  --line-2: color-mix(in srgb, var(--ink) 6%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent), 0 2px 6px color-mix(in srgb, var(--ink) 5%, transparent);
  --shadow-md: 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent), 0 12px 32px -12px color-mix(in srgb, var(--ink) 16%, transparent);
  --shadow-lg: 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent), 0 32px 60px -24px color-mix(in srgb, var(--ink) 22%, transparent);
}

/* ── Feilrollene i gratisprøven (sample.css er en byte-kopi av den delte
 * masteren og bruker --accent som feilmarkør — det gikk bare med rød
 * aksent). Gjelder først når Sample-sidene finnes (WP-10). ──────────────── */
.sx-title em { color: var(--accent-text); }
.sx-accent { color: var(--accent-text); }
.sx-topic.r .sx-topic-name i,
.sx-topic.r .sx-topic-bar > i { background: var(--negative); }
.sx-legend i.r { background: var(--negative); }
.sx-fmark.no { background: var(--negative); }
.sx-fans .no { color: var(--negative); }
.sx-mail-err { color: var(--negative) !important; }
.sx-field input.is-invalid { border-color: var(--negative); }
.sx-gate-err { color: var(--negative); }
/* Tre faste verdier i masteren som ellers ville stått igjen: svart
 * hover-flate, grønn ramme rundt bekreftelsen og hvit hake/kryss. */
.sx-btn-primary:hover { background: color-mix(in srgb, var(--ink) 86%, var(--accent)); }
.sx-confirm { border-color: color-mix(in srgb, var(--positive) 18%, transparent); }
.sx-fmark { color: var(--card); }