:root{
/* Base — from theme "Egendefinert 3" (InSP_Presentasjonsmal_202505) */
--insp-ink:#232323;          /* dk1/tx1 — text, dark panels */
--insp-ink-2:#212121;        /* legal footnote */
--insp-white:#FFFFFF;        /* lt1/bg1 */
--insp-sand:#F9F5F2;         /* lt2/bg2 — warm off-white panel */
--insp-terracotta:#DE8971;   /* accent1 */
--insp-peach:#EBCFBE;        /* accent2 */
--insp-ochre:#E3B777;        /* accent3 — cover panel colour */
--insp-cream:#F7EDD9;        /* accent4 */
--insp-slate:#596B7C;        /* accent5 */
--insp-mist:#D0DDE3;         /* accent6 */
--insp-sage:#607B78;         /* hlink */
--insp-sage-light:#D6E3DD;   /* folHlink */
--insp-grey:#525455;         /* muted body on light */

/* Semantic */
--text-primary:var(--insp-ink);
--text-secondary:var(--insp-grey);
--text-inverse:var(--insp-white);
--text-link:var(--insp-sage);
--text-link-visited:var(--insp-sage);
--text-on-accent:var(--insp-ink);        /* all warm accents take dark text */
--text-on-slate:var(--insp-white);       /* slate is the only accent that takes white text */

--surface-page:var(--insp-white);
--surface-sand:var(--insp-sand);
--surface-dark:var(--insp-ink);
--surface-card:var(--insp-white);
--surface-card-tinted:var(--insp-sand);
--surface-accent-1:var(--insp-terracotta);
--surface-accent-2:var(--insp-peach);
--surface-accent-3:var(--insp-ochre);
--surface-accent-4:var(--insp-cream);
--surface-accent-5:var(--insp-slate);
--surface-accent-6:var(--insp-mist);

--border-subtle:rgba(35,35,35,.12);
--border-strong:var(--insp-ink);
--border-inverse:rgba(255,255,255,.28);

--action-primary:var(--insp-ink);
--action-primary-hover:#000000;
--action-primary-text:var(--insp-white);
--action-accent:var(--insp-terracotta);
--action-accent-hover:#D27A60;
--action-accent-text:var(--insp-ink);
--focus-ring:var(--insp-slate);

--status-success:var(--insp-sage);
--status-success-bg:var(--insp-sage-light);
--status-warning:var(--insp-ochre);
--status-warning-bg:var(--insp-cream);
--status-danger:var(--insp-terracotta);
--status-danger-bg:var(--insp-peach);
--status-info:var(--insp-slate);
--status-info-bg:var(--insp-mist);

--overlay-vignette:radial-gradient(circle at center, rgba(35,35,35,0) 0%, rgba(35,35,35,1) 100%); /* @kind other */
}
