:root{
/* ── Brand core (Designguide) ───────────────────────── */
--special-blue:#034694;
--full-white:#FFFFFF;
--fluorescent-grey:#D1D3D4;

/* ── Accents — det nye blikfang ──────────────────────── */
--volt:#D8FF3E;            /* elektrisk lime: CTA, tal, understregning */
--volt-hover:#E6FF6E;
--volt-press:#BCE81F;
--volt-dim:oklch(0.72 0.16 116);
--signal-red:#FF3B2E;      /* varm rød: energi, urgency, kontrapunkt */
--signal-red-hover:#FF5A4E;
--signal-red-press:#DE2418;
--signal-red-tint:oklch(0.94 0.04 28);
--blue-electric:#1B6BFF;   /* lys blå: links og interaktion på mørk */

/* ── Blue scale ──────────────────────────────────────── */
--blue-900:oklch(0.24 0.09 259);
--blue-700:oklch(0.33 0.12 259);
--blue-500:#034694;
--blue-300:oklch(0.62 0.16 259);
--blue-100:oklch(0.90 0.05 259);
--blue-50:oklch(0.965 0.018 259);

/* ── Neutrals ────────────────────────────────────────── */
--ink:#0A0F19;
--ink-soft:oklch(0.28 0.02 259);
--grey-600:oklch(0.55 0.008 259);
--grey-300:#D1D3D4;
--grey-100:oklch(0.955 0.002 259);
--cloud:#F3F5F8;

/* ── Semantic — lys flade ────────────────────────────── */
--surface-page:var(--full-white);
--surface-card:var(--full-white);
--surface-tint:var(--cloud);
--surface-inverse:var(--ink);
--surface-accent:var(--volt);
--surface-brand:var(--special-blue);
--text-heading:var(--special-blue);
--text-body:var(--ink);
--text-muted:var(--grey-600);
--text-on-blue:var(--full-white);
--text-on-volt:var(--ink);
--text-on-red:var(--full-white);
--border-strong:var(--ink);
--border-subtle:var(--grey-300);
--border-brand:var(--special-blue);

/* ── Interaktion ─────────────────────────────────────── */
--accent:var(--special-blue);
--accent-hover:var(--blue-700);
--accent-press:var(--blue-900);
--accent-2:var(--volt);
--accent-2-hover:var(--volt-hover);
--accent-2-press:var(--volt-press);
--accent-3:var(--signal-red);
--accent-3-hover:var(--signal-red-hover);
--accent-3-press:var(--signal-red-press);
--focus-ring:var(--volt);
--link:var(--special-blue);
--link-hover:var(--blue-700);

/* ── Status ──────────────────────────────────────────── */
--danger:var(--signal-red);
--warning:oklch(0.80 0.16 78);
--success:oklch(0.62 0.16 152);
--info:var(--blue-electric);

/* ── Mørk flade (website) ────────────────────────────── */
--navy-950:#0A0F19;
--navy-900:oklch(0.20 0.03 259);
--navy-800:oklch(0.26 0.035 259);
--surface-dark:var(--ink);
--surface-dark-raised:var(--navy-900);
--text-on-dark:var(--full-white);
--text-on-dark-muted:oklch(0.74 0.02 259);
--border-on-dark:oklch(0.32 0.03 259);
--link-on-dark:var(--volt);
--link-on-dark-hover:var(--volt-hover);
}