/* Design-Variablen. Plattform-Marke praxlist (Stand 28.09.2026): DM Sans, Farben 1E1331 / 4F46E5 / A5A1F5.
   Pro Praxis überschreibbar (Admin → /marke/<praxis>/farben.css): --color-primary, --color-accent, --color-accent-soft.
   Komponenten verwenden ausschließlich diese Variablen, keine festen Farbwerte.

   Rollen wie bisher: Hauptfarbe = dunkel (Buttons, Typ-Chip, Marke), Akzent = kräftig (Punkte, Fokus, Hover),
   Akzent hell = sanfte Flächen (Avatar). Neutraltöne leicht ins Violette gezogen.
   Runde 3: neue Maße markiert mit  NEU R3. */
:root {
  --font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-heading: var(--font-sans);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --color-bg: #F9F9FC;
  --color-surface: #FFFFFF;
  --color-subtle: #F0EFF7;
  --color-text: #1E1331;
  --color-muted: #5E5A78;
  --color-placeholder: #817D99;
  --color-border: #E6E4F0;

  --color-primary: #1E1331;
  --color-primary-contrast: #FFFFFF;
  --color-accent: #4F46E5;
  --color-accent-soft: #A5A1F5;

  --color-ok: #1F7A55;       --color-ok-bg: #E3F4EC;
  --color-err: #B42318;      --color-err-bg: #FDECEA;
  --color-warn: #8A5A00;     --color-warn-bg: #FFF4D6;   --color-warn-dot: #E0A82E;
  --color-alert: #B42318;    --color-alert-bg: #FDECEA;
  --color-care: var(--color-primary);  --color-care-bg: #EDECFD;
  --color-chip-bg: #F0EFF7;
  --color-scrim: rgba(30, 19, 49, 0.28);
  --color-scrim-strong: rgba(30, 19, 49, 0.38);
  --color-toast-bg: var(--color-text);

  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(30, 19, 49, 0.05), 0 6px 20px rgba(30, 19, 49, 0.06);
  --shadow-float: 0 8px 30px rgba(30, 19, 49, 0.10);
  --shadow-dialog: 0 24px 70px rgba(30, 19, 49, 0.28);
  --shadow-drag: 0 16px 40px rgba(30, 19, 49, 0.22);

  --width-nav: 228px; --width-nav-compact: 72px;
  --width-col: 248px; --width-col-wide: 320px;
  --width-dialog: 640px; --width-composer: 720px; --width-form-dialog: 520px; --width-narrow: 440px;

  /* NEU R3 – Board */
  --width-rail: 56px;              /* NEU R3: eingeklappte Spalte „Aussortiert“ (senkrechte Leiste mit Zähler) */
  /* NEU R3 – Suche und Hilfe */
  --width-finder: 640px;           /* NEU R3: Suchleiste + Vorschlagsliste, mittig, oben 22vh Abstand */
  --height-finder: 56px;           /* NEU R3: Höhe der Suchleiste */
  /* NEU R3 – Handy (390 × 844) */
  --height-tabbar: 56px;           /* NEU R3: Leiste unten (Board · Warteliste · Suche · Mehr), plus Safe-Area */
  --height-action-mobile: 52px;    /* NEU R3: fixierte Hauptknöpfe unten (Passt so, Schreiben, Senden …) */
  --height-row-mobile: 56px;       /* NEU R3: Listenzeilen in „Mehr“, Bottom-Sheet „···“ */
  --size-tap-min: 44px;            /* NEU R3: Mindestgröße Tippfläche (Pfeile Warteliste usw.) */
  --pad-safe-bottom: 30px;         /* NEU R3: unterer Innenabstand fixierter Leisten (Home-Indikator); in der App env(safe-area-inset-bottom) nutzen */
  /* NEU R3 – Admin */
  --font-size-dense: 13px;         /* NEU R3: Grundschrift Admin (Praxis-Oberfläche bleibt 14px) */
  /* NEU R3 – Branding-Regel (kein Token, Prüfwert) */
  /* Weiß auf --color-primary muss >= 4.5:1 sein, sonst ist „Branding speichern“ gesperrt. */
}