/* Webbens designvariabler. PDF har ett separat, oförändrat designsystem. */
:root {
  --search-hint-duration: 200ms;
  color-scheme: light;
  --color-primary: #563b69;
  --color-primary-hover: #40294f;
  --color-secondary: #eae4ef;
  --color-background: #faf9f6;
  --color-surface: #ffffff;
  --color-surface-muted: #f1eee8;
  --color-text: #292630;
  --color-text-muted: #625c69;
  --color-on-primary: #ffffff;
  --color-accent: #80621f;
  --color-accent-soft: #f5edda;
  --color-border: #d8d2dc;
  --color-control-border: #817787;
  --color-focus: #215d9c;
  --color-error: #a12e35;
  --color-error-soft: #fff1f1;
  --color-success: #316247;
  --color-success-soft: #edf5ef;

  /* Lokalt tillgängliga typsnitt ger snabb textvisning utan fonttjänster. */
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;
  --font-size-small: 0.875rem;
  --font-size-body: 1rem;
  --font-size-lead: 1.125rem;
  --font-size-h3: 1.375rem;
  --font-size-h2: clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem);
  --font-size-h1: clamp(2.25rem, 1.6rem + 2.6vw, 4rem);
  --font-weight-normal: 400;
  --font-weight-strong: 600;
  --line-height-body: 1.65;
  --line-height-heading: 1.15;
  --line-height-control: 1.4;
  --letter-spacing-label: 0.08em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(2.5rem, 6vw, 4rem);
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --layout-max: 76rem;
  --page-max: 58rem;
  --reading-max: 65ch;
  --sidebar-width: 20rem;
  --control-min: 2.75rem;
  --border-width: 1px;
  --radius-small: 0.375rem;
  --radius-card: 0.75rem;
  --radius-pill: 100vmax;
  --shadow-card: 0 0.25rem 1.5rem rgb(41 38 48 / 4%);
  --focus-width: 3px;
  --focus-offset: 3px;
}