/* ============================================================
   tokens.css — Hrein Gæði design tokens
   Single source of truth for colour, radius, shadow, motion.
   Canonical values per DESIGN.md — edit there first, then here.
   Loaded by every page BEFORE its inline <style> block.
   Page-local vars (--header-h, dashboard --purple) stay in-page.
   ============================================================ */
:root{
  /* Brand */
  --accent:#1a56db;
  --accent-hover:#1e429f;
  --accent-light:#eff6ff;

  /* Neutrals */
  --navy:#111827;
  --slate:#4a5568;
  --steel:#8a95a8;
  --mist:#dde1ea;
  --light:#eef0f5;
  --off-white:#f7f8fa;
  --white:#ffffff;

  /* Status — global on every page (marketing included) */
  --green:#057a55;
  --green-light:#ecfdf5;
  --amber:#d97706;
  --amber-light:#fffbeb;
  --red:#dc2626;
  --red-light:#fef2f2;

  /* Shape, elevation, motion */
  --radius:12px;
  --radius-lg:20px;
  --shadow:0 4px 32px rgba(17,24,39,0.08);
  --shadow-lg:0 16px 64px rgba(17,24,39,0.14);
  --transition:0.25s cubic-bezier(0.4,0,0.2,1);
}