/*
  Farbschema: Modern SaaS Blau
  Kuratiert für Web-Apps, Dashboards und Startup-Landingpages.
  Ruhiges Blau als Basis, klares Akzent-Blau für Buttons, neutrale Grautöne.
  Nutzung: Werte in :root einbinden und über var(--...) ansprechen.
*/

:root {
  /* Primär - Hauptmarke, Buttons, aktive Zustände */
  --farbe-primaer: #2563eb;        /* kräftiges Blau, für Call-to-Action */
  --farbe-primaer-dunkel: #1e40af; /* Hover und gedrückte Buttons */

  /* Akzent - Hervorhebungen, Links, Badges */
  --farbe-akzent: #38bdf8;         /* helles Himmelblau, für Highlights */

  /* Hintergrund und Flächen */
  --farbe-hintergrund: #f8fafc;    /* fast weiß, Seitenhintergrund */
  --farbe-flaeche: #ffffff;        /* Karten und Container */

  /* Text */
  --farbe-text: #0f172a;           /* dunkles Marineblau, Fließtext */
  --farbe-text-gedimmt: #64748b;   /* Grau, für Nebeninfos und Labels */
}