/* palette.css — ENESTE fargekilde for teorihuset.no/installatorproven/.
 *
 * Palett «kobber» — forslag 12.10.2026 (klon av vekter-strukturen). Ingen side,
 * ingen JSX og ingen annen CSS i porten setter fargeverdier; de leser tokenene.
 * Sidene laster fila med ?v=; bump bokstaven ved hver endring.
 *
 * Plan-fargen (hubens `c`) foreslås #8A4300 / soft #FCE9D4 — samme verdi i
 * plans.color, subject-style, plan-copy og EXAM_COLORS (integrasjonsdokumentet).
 *
 * 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 {
  /* «Kobber»: marineblått blekk (tavle/skap) og kobberoransje aksent (leder).
   * Ingen andre porter har denne fargen. Kobber har for lav kontrast som
   * tekst på lys grunn ⇒ den brukes BARE som fylt flate med mørk tekst eller
   * på --deep. Tekst i aksentfarge er --accent-text (mørk kobber, ≥ 7:1). */
  --bg: #F5F3EF;
  --bg-2: #EAE6DF;
  --ink: #14233A;
  --ink-2: #3D4757;
  --ink-3: #555E6B;
  --card: #FFFFFF;
  --accent: #F29A3A;
  --accent-ink: #14233A;
  --accent-soft: #FCE9D4;
  --accent-text: #8A4300;
  --accent-on-deep: #F7AE5C;
  --deep: #14233A;
  --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);
}

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