/* PaediDerm Farbstyleguide 1.1 - 02.11.2026, Codex im Auftrag von Ron.
   Bestätigte Markenwerte und abgestimmte UI-Rollen; in beiden Entwürfen eingebunden.
   pd- Präfix verhindert Kollisionen mit bisherigen Variablen.
   Hellblau ist Markenakzent, nicht kleiner Text oder Button mit weißem Kleindruck.
   Statusfarben immer mit sichtbarem Text/Symbol kombinieren. */
:root {
  --pd-brand-primary: #0A205B;
  --pd-brand-accent: #6385BA;
  --pd-surface: #FFFFFF;
  --pd-surface-neutral: #F7F7F7;
  --pd-surface-blue: #C0D5E5;
  --pd-surface-green: #C5E2BC;
  --pd-surface-info: #E8F2F3;
  --pd-surface-mint: #EDF4F1;
  --pd-surface-warm: #F5E7DA;
  --pd-text: #4B4E50;
  --pd-text-secondary: #505655;
  --pd-border-control: #65717E; /* für weiße Felder; nicht jede Linie muss 3:1 erreichen */
  --pd-divider: #E9E9E9; /* ausschließlich dekorativ */
  --pd-action: var(--pd-brand-primary);
  --pd-on-action: #FFFFFF;
  --pd-link: var(--pd-brand-primary);
  --pd-focus: var(--pd-brand-primary);
  --pd-focus-inner: #FFFFFF;
  --pd-selected-bg: #E8F2F3;
  --pd-selected-text: #0A205B;
  --pd-success: #315D43;
  --pd-success-bg: #EDF4F1;
  --pd-warning: #8A5700;
  --pd-warning-bg: #FFF4DC;
  --pd-error: #B42318;
  --pd-error-bg: #FDECE9;
}
/* Keine automatischen .primary-, .notification-badge- oder Bildstil-Overrides.
   Ungelesen-Zähler dunkelblau/weiß; Rot ist Fehlern vorbehalten.
   Fokus-Empfehlung: weißer Innenring plus äußerer Navy-Ring auf wechselnden Flächen.
   Status-Text nur auf zugehöriger Hellfläche oder Weiß; nicht auf Pastellblau.
   Für Auswahlzustände zusätzlich Rand/Markierung und aria-current/aria-selected setzen.
   Die Datei definiert Tokens, ersetzt keine vollständige UI-/Zugänglichkeitsprüfung. */
