/* GENERERET af packages/design-tokens/build.mjs fra tokens.json — RET IKKE HER. */
/* Ret tokens.json og kør `npm run tokens` i apps/web. CI fejler, hvis filen er ude af trit. */
:root {
  --color-navy: #0B1F3A;
  --color-on-navy: #FFFFFF;
  --color-on-navy-muted: #9FB0C8;
  --color-on-navy-light: #D6E6FF;
  --color-positive-on-navy: #3DD68C;
  --color-hero: #0B1F3A;
  --color-blue: #0057FF;
  --color-blue-deep: #0046CC;
  --color-blue-soft: #EAF2FF;
  --color-ice-line: #D6E6FF;
  --color-orange: #F5A524;
  --color-green-fill: #0E7C4A;
  --color-green-ink: #0E7C4A;
  --color-green-soft: #EEF2F7;
  --color-green-solid: #0E7C4A;
  --color-warn-fill: #C0262D;
  --color-warn-ink: #C0262D;
  --color-result-save: #0E7C4A;
  --color-result-pay: #C0262D;
  --color-amber-ink: #8A5300;
  --color-warn-solid: #C0262D;
  --color-ink: #0B1F3A;
  --color-paper: #F6F8FB;
  --color-surface: #FFFFFF;
  --color-line: #E4E9F0;
  --color-line-soft: #EEF2F7;
  --color-inactive: #A9B4C4;
  --color-muted: #56657B;
  --color-muted-soft: #56657B;
  --color-link: #0046CC;
  --color-link-deep: #003599;
  --color-pine: #0057FF;
  --color-pine-deep: #0046CC;
  --color-save: #0E7C4A;
  --color-donut-1: #0B1F3A;
  --color-donut-2: #0057FF;
  --color-donut-3: #2F80FF;
  --color-donut-4: #9DC0F9;
  --color-donut-5: #C9DCF8;
  --color-donut-edge: #AEC9F0;
  --color-eyebrow: #0057FF;
  --color-status-blue: #0057FF;
  --color-google-fill: #FFFFFF;
  --color-google-stroke: #747775;
  --color-google-text: #1F1F1F;
  --color-microsoft-fill: #FFFFFF;
  --color-microsoft-stroke: #8C8C8C;
  --color-microsoft-text: #5E5E5E;
  /* Skrifttrin: --fs-<trin> er flydende (mobil ved 390 px, skrivebord ved 1280 px), --fs-<trin>-d og -m er yderpunkterne. */
  --fs-display-3xl: clamp(72px, calc(72px + 48 * (100vw - 390px) / 890), 120px);
  --fs-display-3xl-d: 120px;
  --fs-display-3xl-m: 72px;
  --lh-display-3xl: 1;
  --fw-display-3xl: 600;
  --ls-display-3xl: -0.05em;
  --fs-display-2xl: clamp(48px, calc(48px + 48 * (100vw - 390px) / 890), 96px);
  --fs-display-2xl-d: 96px;
  --fs-display-2xl-m: 48px;
  --lh-display-2xl: 1.0208;
  --fw-display-2xl: 600;
  --ls-display-2xl: -0.045em;
  --fs-display-xl: clamp(44px, calc(44px + 28 * (100vw - 390px) / 890), 72px);
  --fs-display-xl-d: 72px;
  --fs-display-xl-m: 44px;
  --lh-display-xl: 1.0556;
  --fw-display-xl: 600;
  --ls-display-xl: -0.03em;
  --fs-display-l: clamp(38px, calc(38px + 18 * (100vw - 390px) / 890), 56px);
  --fs-display-l-d: 56px;
  --fs-display-l-m: 38px;
  --lh-display-l: 1.0714;
  --fw-display-l: 600;
  --ls-display-l: -0.025em;
  --fs-heading-xl: clamp(30px, calc(30px + 10 * (100vw - 390px) / 890), 40px);
  --fs-heading-xl-d: 40px;
  --fs-heading-xl-m: 30px;
  --lh-heading-xl: 1.15;
  --fw-heading-xl: 600;
  --ls-heading-xl: -0.02em;
  --fs-heading-l: clamp(26px, calc(26px + 6 * (100vw - 390px) / 890), 32px);
  --fs-heading-l-d: 32px;
  --fs-heading-l-m: 26px;
  --lh-heading-l: 1.1875;
  --fw-heading-l: 600;
  --ls-heading-l: -0.015em;
  --fs-heading-m: clamp(21px, calc(21px + 3 * (100vw - 390px) / 890), 24px);
  --fs-heading-m-d: 24px;
  --fs-heading-m-m: 21px;
  --lh-heading-m: 1.25;
  --fw-heading-m: 600;
  --ls-heading-m: -0.01em;
  --fs-heading-s: clamp(17px, calc(17px + 1 * (100vw - 390px) / 890), 18px);
  --fs-heading-s-d: 18px;
  --fs-heading-s-m: 17px;
  --lh-heading-s: 1.3333;
  --fw-heading-s: 600;
  --ls-heading-s: -0.005em;
  --fs-body-xl: clamp(19px, calc(19px + 5 * (100vw - 390px) / 890), 24px);
  --fs-body-xl-d: 24px;
  --fs-body-xl-m: 19px;
  --lh-body-xl: 1.4167;
  --fw-body-xl: 400;
  --ls-body-xl: -0.01em;
  --fs-body-l: clamp(17px, calc(17px + 1 * (100vw - 390px) / 890), 18px);
  --fs-body-l-d: 18px;
  --fs-body-l-m: 17px;
  --lh-body-l: 1.5556;
  --fw-body-l: 400;
  --ls-body-l: 0em;
  --fs-body-m: 16px;
  --fs-body-m-d: 16px;
  --fs-body-m-m: 16px;
  --lh-body-m: 1.5;
  --fw-body-m: 400;
  --ls-body-m: 0em;
  --fs-body-s: 14px;
  --fs-body-s-d: 14px;
  --fs-body-s-m: 14px;
  --lh-body-s: 1.4286;
  --fw-body-s: 400;
  --ls-body-s: 0em;
  --fs-label-m: 14px;
  --fs-label-m-d: 14px;
  --fs-label-m-m: 14px;
  --lh-label-m: 1.4286;
  --fw-label-m: 500;
  --ls-label-m: 0.005em;
  --fs-label-s: 12px;
  --fs-label-s-d: 12px;
  --fs-label-s-m: 12px;
  --lh-label-s: 1.3333;
  --fw-label-s: 500;
  --ls-label-s: 0.02em;
  --fs-data-xl: clamp(44px, calc(44px + 20 * (100vw - 390px) / 890), 64px);
  --fs-data-xl-d: 64px;
  --fs-data-xl-m: 44px;
  --lh-data-xl: 1.0625;
  --fw-data-xl: 600;
  --ls-data-xl: -0.03em;
  --fs-data-l: clamp(32px, calc(32px + 8 * (100vw - 390px) / 890), 40px);
  --fs-data-l-d: 40px;
  --fs-data-l-m: 32px;
  --lh-data-l: 1.1;
  --fw-data-l: 600;
  --ls-data-l: -0.02em;
  --fs-data-m: clamp(18px, calc(18px + 2 * (100vw - 390px) / 890), 20px);
  --fs-data-m-d: 20px;
  --fs-data-m-m: 18px;
  --lh-data-m: 1.4;
  --fw-data-m: 500;
  --ls-data-m: -0.005em;
  --ls-display-xl-hero: -0.04em;
  --ls-display-l-hero: -0.035em;
  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-2xl-min: 28px;
  --radius-3xl: 40px;
  --radius-pill: 9999px;
  /* Afstand (4-punkts) og sektionsluft */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
  --sektion-luft-desktop-min: 120px;
  --sektion-luft-desktop-maks: 160px;
  --sektion-luft-mobil-min: 56px;
  --sektion-luft-mobil-maks: 96px;
  /* Gitter og mål */
  --grid-kolonner: 12;
  --grid-produkt: 1200px;
  --grid-indhold: 1100px;
  --grid-indhold-smal: 980px;
  --grid-enhedskomposition: 1240px;
  --grid-rende-desktop: 24px;
  --grid-rende-mobil: 16px;
  --grid-laesebredde-tegn: 65ch;
  --maal-beroeringsflade: 44px;
  --maal-lokal-navigation: 52px;
  --maal-knap-min-hoejde: 44px;
  --maal-mobil-tabbar: 62px;
  /* Bevægelse (ingen hop, glød eller fejring; prefers-reduced-motion respekteres af brugeren) */
  --dur-instant: 80ms;
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --dur-deliberate: 480ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --ease-exit: cubic-bezier(.4, 0, 1, 1);
  /* Højde: kun overlays, enhedsmockups, den flydende mobilbjælke og kortenes hover */
  --shadow-kort-hover: 0px 20px 50px 0px rgba(11, 31, 58, 0.10);
  --shadow-enhed: 0px 30px 80px 0px rgba(11, 31, 58, 0.18);
  --shadow-flydende-bjaelke: 0px 10px 30px 0px rgba(11, 31, 58, 0.16);
  --shadow-overlay: 0px 16px 48px 0px rgba(11, 31, 58, 0.20);
}