:root {
  /* Primärfarbe */
  --c-primary:         #1e40af;
  --c-primary-dark:    #1d3a9e;
  --c-primary-light:   #e0e7ff;
  --c-primary-subtle:  #eff6ff;

  /* Text */
  --c-text:            #1e293b;
  --c-text-secondary:  #475569;
  --c-text-muted:      #64748b;
  --c-text-hint:       #94a3b8;

  /* Hintergrund & Rahmen */
  --c-border:          #e2e8f0;
  --c-bg:              #f1f5f9;
  --c-bg-card:         #ffffff;
  --c-bg-subtle:       #f8fafc;

  /* Dunkel (Theme-Farbe, Header, PWA) */
  --c-dark:            #0f172a;

  /* Fehler / Rot */
  --c-error:           #dc2626;
  --c-error-dark:      #b91c1c;
  --c-error-light:     #fca5a5;
  --c-error-bg:        #fee2e2;
  --c-error-subtle:    #fef2f2;

  /* Erfolg / Grün */
  --c-success:         #16a34a;
  --c-success-light:   #86efac;
  --c-success-bg:      #dcfce7;

  /* Warnung / Gelb-Amber */
  --c-warning:         #f59e0b;
  --c-warning-light:   #fde047;
  --c-warning-bg:      #fef9c3;
  --c-warning-subtle:  #fffbeb;
  --c-warning-dark:    #92400e;
  --c-warning-darker:  #713f12;

  /* Akzent / Lila (Plan-Badges) */
  --c-accent:          #7c3aed;
  --c-accent-subtle:   #ede9fe;

  /* Primärfarbe – weitere Töne */
  --c-primary-100:     #bfdbfe;
  --c-primary-200:     #c7d2fe;
  --c-primary-bg:      #f0f9ff;

  /* Erfolg – weitere Töne */
  --c-success-dark:    #166534;
  --c-success-subtle:  #f0fdf4;

  /* Warnung – weitere Töne */
  --c-warning-amber:   #854d0e;
  --c-warning-pale:    #fefce8;
}