/*
 * Design-Tokens für hausarzt-oberbarmen.de
 *
 * Kontrastprüfung gegen Weiß (#FFFFFF) und Fläche (#F5F7F9):
 *   --c-text      #14212B auf Weiß     15.9:1   AAA
 *   --c-text-soft #4A5C68 auf Weiß      7.1:1   AAA
 *   --c-primary   #12618C auf Weiß      6.5:1   AAA
 *   Weiß auf --c-primary                6.5:1   AAA (Buttonbeschriftung)
 *   --c-accent      #1E8A8A auf Weiß    4.2:1   nur Flächen und Icons, nie Text
 *   --c-accent-text #177575 auf Weiß    5.5:1   AA, für Eyebrow und Akzenttext
 *   --c-status-ok #1B6B3A auf Weiß      6.0:1   AAA
 *   --c-status-zu #8A4B00 auf Weiß      6.0:1   AAA
 */

:root {
  --c-bg: #FFFFFF;
  --c-surface: #F5F7F9;
  --c-surface-2: #EDF2F5;
  --c-text: #14212B;
  --c-text-soft: #4A5C68;
  --c-primary: #12618C;
  --c-primary-hover: #0D4A6B;
  --c-primary-soft: #E7F1F7;
  --c-accent: #1E8A8A;
  --c-accent-text: #177575;
  --c-accent-soft: #E4F3F2;
  --c-accent-warm: #5C8F63;
  --c-border: #DDE4E9;
  --c-border-strong: #B9C6CF;
  --c-focus: #0D4A6B;
  --c-status-ok: #1B6B3A;
  --c-status-ok-soft: #E6F3EB;
  --c-status-zu: #8A4B00;
  --c-status-zu-soft: #FBF0E4;

  --font-sans: "Figtree", "Figtree Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-base: 1.125rem;
  --lh-base: 1.65;
  --measure: 68ch;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --radius-card: 12px;
  --radius-btn: 10px;
  --radius-pill: 999px;

  --shadow-1: 0 1px 2px rgba(20, 33, 43, .06), 0 1px 3px rgba(20, 33, 43, .10);
  --shadow-2: 0 4px 8px rgba(20, 33, 43, .05), 0 8px 24px rgba(20, 33, 43, .10);
  --shadow-3: 0 8px 16px rgba(20, 33, 43, .06), 0 24px 48px rgba(20, 33, 43, .12);

  --z-header: 30;
  --z-popover: 40;
  --z-actionbar: 50;

  --container: 72rem;
  --actionbar-h: 4.25rem;
}