/* Zervo nettside: bro fra de gamle tokennavnene til Zervo Klinikk-designsystemet.
   Alle verdier kommer fra ds/tokens/tokens.css (lys og mørk modus). Ingen egne farger her. */
:root {
  --white: #FFFFFF;
  --ink-900: var(--blekk); --ink-800: var(--blekk); --ink-700: var(--blekk-dempet); --ink-600: var(--blekk-dempet);
  --ink-500: var(--kant); --ink-400: var(--strek);
  --grey-200: var(--strek); --grey-100: var(--senket); --grey-50: var(--flate);
  --blue-500: var(--blaa); --blue-600: var(--blaa-tekst); --blue-700: var(--blaa-tekst); --blue-soft: var(--blaa-tint);
  --coral-400: var(--koral); --coral-500: var(--koral); --coral-600: var(--koral-trykk); --coral-700: var(--koral-trykk); --coral-soft: var(--koral-tint);
  --gold-500: var(--rav); --gold-700: var(--rav-tekst); --gold-soft: var(--rav-tint);
  --green-500: var(--ok); --green-700: var(--ok); --green-soft: var(--ok-tint);
  --red-500: var(--feil); --red-700: var(--feil); --red-soft: var(--feil-tint);
  --amber-500: var(--rav); --amber-700: var(--rav-tekst); --amber-soft: var(--rav-tint);
  --line: var(--strek); --line-strong: var(--kant);
  --bg: var(--flate); --bg-warm: var(--kort); --bg-deep: var(--senket);
  --surface-card: var(--kort); --surface-raised: var(--kort); --surface-input: var(--kort); --surface-hover: var(--senket);
  --text-heading: var(--blekk); --text-body: var(--blekk); --text-muted: var(--blekk-dempet); --text-faint: var(--blekk-dempet); --text: var(--blekk);
  --border: var(--strek); --border-strong: var(--kant);
  --accent: var(--koral); --accent-hover: var(--koral-trykk); --accent-press: var(--koral-trykk); --on-accent: var(--on-koral);
  --accent-wash: var(--koral-tint); --accent-text: var(--blaa-tekst);
  --brand: var(--blaa); --brand-text: var(--blaa-tekst); --brand-wash: var(--blaa-tint);
  --proof: var(--rav); --proof-text: var(--rav-tekst); --proof-wash: var(--rav-tint);
  --success: var(--ok); --success-text: var(--ok); --success-wash: var(--ok-tint);
  --danger: var(--feil); --danger-text: var(--feil); --danger-wash: var(--feil-tint);
  --warning: var(--rav); --warning-text: var(--rav-tekst); --warning-wash: var(--rav-tint);
  --focus-ring: var(--fokus);
  --shadow-none: none; --shadow-card: var(--hoyde-1); --shadow-raised: var(--hoyde-2); --shadow-pop: var(--hoyde-3); --shadow-cta: none; --shadow-cta-hover: none;

  /* Avstand: bare rom-1 … rom-10 */
  --space-0: 0; --space-1: var(--rom-1); --space-2: var(--rom-2); --space-3: var(--rom-3); --space-4: var(--rom-4);
  --space-5: var(--rom-5); --space-6: var(--rom-5); --space-8: var(--rom-6); --space-10: var(--rom-7); --space-12: var(--rom-7);
  --space-16: var(--rom-8); --space-20: var(--rom-9); --space-24: var(--rom-9); --space-32: var(--rom-9);
  --section-pad-y: var(--rom-9); --container-max: var(--maks-bredde); --container-pad: var(--sidemarg);
  --border-width: 1px; --border-width-strong: 1.5px;
  --radius-xs: var(--radius-s); --radius-sm: var(--radius-m); --radius-md: var(--radius-m); --radius-lg: var(--radius-l); --radius-xl: var(--radius-l); --radius-pill: var(--radius-full);
  --card-radius: var(--radius-l); --card-pad: var(--rom-5);

  /* Bevegelse: én kurve */
  --ease-out: var(--kurve-ro); --ease-in-out: var(--kurve-ro);
  --dur-fast: var(--varighet-respons); --dur-base: var(--varighet-kort); --dur-slow: var(--varighet-standard); --dur-demo: var(--varighet-valgt);

  /* Skrift */
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 650; --weight-extrabold: 650; --weight-black: 650;
  --display-weight: 650; --heading-weight: 600; --body-weight: 400; --label-weight: 600; --eyebrow-weight: 650;
  --text-xs: 13px; --text-sm: 14px; --text-base: 16px; --text-md: 16px; --text-lg: 19px; --text-xl: 20px; --text-2xl: 26px; --text-3xl: 34px; --text-4xl: 44px; --text-5xl: 56px; --text-6xl: 56px;
  --leading-tight: 1.08; --leading-snug: 1.2; --leading-normal: 1.6; --leading-relaxed: 1.65; --display-leading: 1.08; --body-leading: 1.625;
  --tracking-tighter: -0.025em; --tracking-tight: -0.015em; --tracking-normal: 0; --tracking-wide: 0.01em; --tracking-caps: 0; --display-tracking: -0.02em; --label-tracking: 0.005em; --eyebrow-tracking: 0.09em;
  --display-transform: none;
  --z-base: 0; --z-raised: 10; --z-sticky: 100; --z-overlay: 1000; --z-toast: 2000;
  --font-body: var(--font-tekst); --font-mono: var(--font-tekst);
}