/* CLOSER: 4-px-Raster und Komponentenmaße.
   IT-ERBEN: Markenblau aus dem in Railway hinterlegten favicon.svg. */
:root {
  color-scheme: light;
  --brand-primary: #0245a3;
  --brand-hover: #023782;
  --brand-soft: #f5f8fb;
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --page-background: #f7f7f7;
  --surface: #ffffff;
  --text: #000000;
  --text-inverse: #ffffff;
  --divider: #000000;
  --error: #b42318;
  --font: 'CMU Sans Serif', sans-serif;
  --font-document: var(--font);
  --font-code: 'CMU Typewriter Text', monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius: 2px;
  --shadow-card: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 6%);
  --sidebar-width: 320px;
  --header-height: 72px;
}