/* palette.css — ENESTE fargekilde for teorihuset.no/vektereksamen/.
 *
 * Palett «refleks» — eiervalg 24.9.2026 (WEB-BYGGEPLAN §9). Ingen side, ingen
 * JSX og ingen annen CSS i porten setter fargeverdier; de leser tokenene under.
 * Sidene laster fila med ?v=; bump bokstaven ved hver endring.
 *
 * Plan-fargen (hubens `c`) er #5F6B00 / soft #F1F4D6 — samme verdi i
 * plans.color, subject-style, plan-copy og EXAM_COLORS.
 *
 * Rollene:
 *   --accent        merkefarge: knapper, flater, prikker
 *   --accent-ink    tekst PÅ aksentflate
 *   --accent-text   aksenten brukt som TEKST på lys grunn
 *   --positive      riktig svar, hakene i pakkelistene
 *   --negative      feil svar, ugyldig e-post
 * Riktig og feil skal aldri kunne forveksles med aksenten.
 */

:root {
  /* Grafitt som uniformen, gulgrønt som refleksvesten. Ingen andre porter
   * har denne fargen. Lime har 1,3:1 mot lys grunn ⇒ den brukes BARE som
   * fylt flate med mørk tekst (11,6:1) eller på --deep — aldri som tekst.
   * Tekst i aksentfarge er --accent-text (oliven). */
  --bg: #F3F4EF;
  --bg-2: #E6E8DE;
  --ink: #1B1F23;
  --ink-2: #44484C;
  --ink-3: #5A5F63;
  --card: #FFFFFF;
  --accent: #D9E021;
  --accent-ink: #1B1F23;
  --accent-soft: #F1F4D6;
  --accent-text: #5F6B00;
  --accent-on-deep: #D9E021;
  --deep: #1B1F23;
  --deep-ink: #FFFFFF;
  --positive: #136B36;
  --positive-soft: #E2F1E6;
  --negative: #B91C1C;
  --warn: #9A4B12;
  --warn-soft: #F6E9DB;
  --star: #946300;

  /* ── 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);
}

/* ── Lime er for lys til fokusring og valgt-kant på lys grunn (1,3:1);
 * de bruker blekket i stedet. html:root:root gir samme spesifisitet (0,3,1)
 * som før, så regelen slår sidenes egne .pr-seg:focus-visible o.l. ────── */
html:root:root :focus-visible { outline-color: var(--ink); }
html:root:root .pr-tier--selected,
html:root:root .pr-seg--selected { border-color: var(--ink); }

/* ── Feilrollene i gratisprøven (sample.css er en byte-kopi av den delte
 * masteren og bruker --accent som feilmarkør). Gjelder først når
 * Sample-siden finnes (pakke I). ───────────────────────────────────────── */
.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); }
.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); }