/*
  Vitre Anestesi — Design tokens
  Sober, medicinsk och professionell färgpalett hämtad ur logotypens
  gröna och blå toner. Används av samtliga sidor på webbplatsen.
*/

:root {
  /* Varumärkesfärger (från logotypen) */
  --color-brand-green-dark: #2f7a4f;
  --color-brand-green: #4b9b5f;
  --color-brand-teal: #1f6f68;
  --color-brand-blue: #2f78c4;
  --color-brand-blue-dark: #1f4e7a;

  /* Neutrala toner */
  --color-ink: #1c2225;
  --color-ink-soft: #3c4448;
  --color-body: #4b5458;
  --color-line: #dfe3e4;
  --color-line-soft: #edf0f0;
  --color-bg: #ffffff;
  --color-bg-muted: #f6f7f7;

  /* Typografi */
  --font-base:
    "Segoe UI", "Helvetica Neue", Arial, -apple-system,
    BlinkMacSystemFont, sans-serif;

  --fs-body: 1rem;
  --fs-small: 0.9rem;
  --fs-lead: 1.15rem;
  --fs-h1: clamp(1.9rem, 1.5rem + 1.8vw, 3rem);
  --fs-h2: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);
  --fs-h3: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);

  --lh-body: 1.65;
  --lh-heading: 1.2;

  /* Layout */
  --maxw-content: 72rem;
  --maxw-copy: 38rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  --radius-small: 3px;
  --radius-medium: 6px;

  --focus-ring: 0 0 0 3px rgba(47, 120, 196, 0.35);
}