/**
 * Avløserkortet — design tokens (KANONISK, single source of truth)
 *
 * Canonical values: ~/repositories/personal-memory/clients/avloserkortet/design.md
 * (Terjes styleguide, 2026-05-19).
 *
 * Konsolidert 2026-05-21 fra to tidligere parallelle :root-blokker:
 *   - avlk-blocks/assets/css/tokens.css  (brukte --color-brand-deep / -paper / -critical)
 *   - Customizer "Additional CSS" :root  (brukte --color-brand / -surface / -warm)
 * Begge hadde identiske hex-verdier, bare ulike navn. Denne fila beholder de
 * kanoniske navnene + eksponerer Customizer-navnene som aliaser, slik at både
 * brand.css (promotert Customizer-CSS), avlk-styleguide.css og avlk/*-blokkene
 * resolver alle var()-referanser fra ÉN kilde. Ingen drift.
 *
 * Brand-tokens for LMS Pro-flatene (--scorm-*) eies IKKE her — de settes som
 * LMS Theming-options (versjonert i scorm-theming.json), derivert fra disse
 * --color-* verdiene via /mentorkit-lms-setup. Se scorm-v5/INTEGRATION.md.
 */

:root {
	/* ── Kanoniske farger (Terjes 7 + 1 Sindre-supplement, to-grønn-system) ── */
	--color-brand-deep:  #1E5842; /* Section-bånd, hero, kontakt, footer */
	--color-brand-logo:  #2D766D; /* KUN i logo-symbol */
	--color-cta:         #09C066; /* Knapper, leksjon-pille, suksess */
	--color-cta-hover:   #06A456; /* Hover/pressed på CTA */
	--color-ink:         #0A0A0A; /* Headings, body */
	--color-ink-mute:    #5C5C5C; /* Meta, kicker, secondary */
	--color-paper:       #FFFFFF; /* Cards */
	--color-bg:          #F7F7F7; /* Page-bg */
	--color-line:        #E0E0E0; /* Borders */
	--color-logo-shadow: #D9D9D9; /* Bak-kort i logo. Kun logo. */
	--color-critical:    #800001; /* Obligatorisk-rail, error. Aldri stor flate. */

	/* ── Customizer-navn → kanoniske aliaser (bevart for promotert brand.css) ── */
	--color-brand:       var(--color-brand-deep); /* alias */
	--color-brand-hover: var(--color-cta-hover);  /* alias (#06A456) */
	--color-surface:     var(--color-paper);      /* alias */
	--color-warm:        var(--color-critical);   /* alias (#800001) */

	/* ── Type ── */
	--font: 'Roboto', system-ui, -apple-system, sans-serif;

	/* ── Space ── */
	--sp-sm: 0.5rem;
	--sp-md: 1rem;
	--sp-lg: 1.5rem;
	--sp-xl: 3rem;

	/* ── Radius ── */
	--r-card: 6px;
	--r-pill: 9999px;

	/* ── Shadow ── */
	--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .04);

	/* ── Container (single source of truth) ──
	   --container-max deriverer fra Astra Container Width (Customizer → Global →
	   Container). Både temaets egne containere, header (.hdr__row) og LMS-pluginens
	   .scorm-group-container (som leser --ast-normal-container-width direkte) følger
	   da ÉN knapp — endre bredden i Customizer, alt flytter seg samlet.
	   --container-gutter er desktop-side-padding som holder header + group på samme
	   innholdskant. (Mobil-gutters er per-komponent og settes lokalt.) */
	--container-max: var(--ast-normal-container-width, 1140px);
	--container-gutter: 32px;
	--container-pad: 1rem;
}