/* Design-Tokens (docs/architecture/design-system.md). Praxisfarbe wird später je Mandant durch /t/<mandant>/theme.css überlagert. */
:root {
  --color-primary: #1f6f78;
  --color-primary-contrast: #ffffff;
  --color-primary-strong: #175861;
  --color-primary-tint: #eaf3f4;

  --color-bg: #ffffff;
  --color-surface: #f7f8f9;
  --color-border: #d9dee2;
  --color-text: #1b2227;
  --color-text-muted: #4a5760;

  --color-success: #1d6b3a;
  --color-success-bg: #e8f4ec;
  --color-warning: #8a5a00;
  --color-warning-bg: #fdf3dc;
  --color-danger: #a12a2a;
  --color-danger-bg: #fbeaea;
  --color-info: #1d5a8a;
  --color-info-bg: #e8f1f8;

  --radius: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  --font-sans: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-base: 1rem;
  --focus-ring: 2px solid var(--color-primary-strong);
  --hit-target-min: 44px;
  --sidebar-width: 240px;
}