/* GENERERT AV build/build.mjs — IKKE REDIGER.
 * Kilde: tokens/tokens.json. Kjør `node build/build.mjs` etter endring.
 * Konsern Design System v0.1.0
 */

:root {
  /* ---- avstand (navnet er pikselverdien) ---- */
  --kd-space-2: 2px;
  --kd-space-4: 4px;
  --kd-space-6: 6px;
  --kd-space-8: 8px;
  --kd-space-12: 12px;
  --kd-space-16: 16px;
  --kd-space-20: 20px;
  --kd-space-24: 24px;
  --kd-space-32: 32px;
  --kd-space-40: 40px;
  --kd-space-48: 48px;
  --kd-space-64: 64px;
  --kd-space-80: 80px;
  --kd-space-96: 96px;

  /* ---- hjørneradius ---- */
  --kd-radius-xs: 6px;
  --kd-radius-sm: 8px;
  --kd-radius-md: 10px;
  --kd-radius-lg: 14px;
  --kd-radius-xl: 20px;
  --kd-radius-pill: 999px;

  /* ---- typografi ---- */
  --kd-font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --kd-font-mono: ui-monospace, SFMono-Regular, 'Cascadia Mono', Consolas, monospace;
  --kd-text-2xs: 0.6875rem;        /* eyebrow/versalstikkord */
  --kd-leading-2xs: 1.35;
  --kd-text-xs: 0.75rem;        /* badge, bildetekst */
  --kd-leading-xs: 1.4;
  --kd-text-sm: 0.875rem;        /* sekundærtekst, feltetikett */
  --kd-leading-sm: 1.45;
  --kd-text-md: 1rem;        /* brødtekst, input */
  --kd-leading-md: 1.55;
  --kd-text-lg: 1.125rem;        /* korttittel */
  --kd-leading-lg: 1.4;
  --kd-text-xl: 1.375rem;        /* seksjonsoverskrift */
  --kd-leading-xl: 1.3;
  --kd-text-2xl: 1.75rem;        /* sidetittel */
  --kd-leading-2xl: 1.25;
  --kd-text-3xl: 2.25rem;        /* nøkkeltall */
  --kd-leading-3xl: 1.15;
  --kd-text-4xl: 3rem;        /* kiosk-/tavletall */
  --kd-leading-4xl: 1.05;
  --kd-weight-normal: 400;
  --kd-weight-medium: 500;
  --kd-weight-semibold: 600;
  --kd-weight-bold: 700;

  /* ---- lagdeling ---- */
  --kd-z-base: 0;
  --kd-z-sticky: 20;
  --kd-z-nav: 30;
  --kd-z-dropdown: 40;
  --kd-z-overlay: 50;
  --kd-z-toast: 60;
  --kd-z-modal: 70;

  /* ---- bevegelse ---- */
  --kd-motion-fast: 120ms;
  --kd-motion-base: 180ms;
  --kd-motion-slow: 260ms;
  --kd-motion-ease: cubic-bezier(.2, 0, .2, 1);

  /* ---- strekbredder, treffområde og fokus ---- */
  --kd-stroke-hairline: 1px;
  --kd-stroke-control: 1.5px;
  --kd-stroke-emphasis: 2px;
  --kd-target-min: 44px;
  --kd-focus-width: 2px;
  --kd-focus-offset: 2px;
}