/* ═══════════════════════════════════════════════════════════════
   HEY MIDWIFE — Brand Theme
   Überschreibt die 10 semantischen Farbvariablen aus tokens.css.
   Alle Komponenten passen sich automatisch an.
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* Primary — Teal / Vertrauensblau */
  --color-primary-900: #0D2E3D;
  --color-primary-800: #15495F;
  --color-primary-700: #1D6580;
  --color-primary-600: #2578A0;
  --color-primary:     #2E86AB;
  --color-primary-400: #4FA3C8;
  --color-primary-300: #7ABFD9;
  --color-primary-200: #B3D9EB;
  --color-primary-100: #D9EEF5;
  --color-primary-50:  #EBF6FB;

  /* Accent — Hebammen-Rosa */
  --color-accent-900:  #5C1A35;
  --color-accent-800:  #8C2850;
  --color-accent-700:  #B83C6A;
  --color-accent:      #E86A92;
  --color-accent-400:  #EF93B0;
  --color-accent-300:  #F4B8CC;
  --color-accent-100:  #FBDDE7;
  --color-accent-50:   #FFF0F5;

  /* Surfaces */
  --color-bg:          #FAFCFF;
  --color-surface:     #FFFFFF;
  --color-border:      #E2EDF4;

  /* Text */
  --color-text:        #1A3A4A;
  --color-text-muted:  #5E7A8A;
  --color-text-subtle: #8FA8B5;

  /* Success / Warning / Error (geteilt) */
  --color-success:     #27AE60;
  --color-warning:     #F39C12;
  --color-error:       #E74C3C;
}