/* =====================================================================
   ZENTRALE FARB- & DESIGN-DATEI  –  "Mein Digitalhelfer"
   ---------------------------------------------------------------------
   Diese Datei steuert die Farben ALLER Entwürfe (01–05).
   Änderst du hier eine Farbe, ändert sie sich in jedem Entwurf.

   Zum Palette-Tausch: einfach den aktiven :root-Block ersetzen
   (unten stehen zwei Alternativen als Beispiel, auskommentiert).
   ===================================================================== */

:root{
  /* ===== AKTIVE PALETTE: „Sand & Tiefblau" ===== */

  /* Flächen / Hintergründe (Sandtöne) */
  --c-bg:          #F7F1E6;   /* Grundfläche, warmer Sand      */
  --c-bg-alt:      #EAD9BB;   /* abwechselnde Sektion, tieferer Sand */
  --c-surface:     #FFFFFF;   /* Karten / Kästen, heller Sand  */
  --c-surface-alt: #FFFFFF;   /* gelegentlich reines Weiß      */

  /* Blau (Überschriften, Kopfzeile, Ruhepol) */
  --c-heading:     #17385C;   /* Dunkelblau – Überschriften    */
  --c-primary:     #17385C;   /* Marke / Navigation            */
  --c-primary-deep:#0F2942;   /* dunkler für Tiefe             */
  --c-primary-soft:#3E6489;   /* helleres Blau, Links/Akzente  */

  /* Akzent (warm, gut sichtbar für Buttons) */
  --c-accent:      #C2703D;   /* Terrakotta – Haupt-Buttons    */
  --c-accent-deep: #A2542A;   /* Terrakotta, Hover             */
  --c-gold:        #D6A441;   /* warmes Ocker/Gold, Feinakzent */

  /* Reines Weiß (zentral, damit auch „weiß" austauschbar bleibt) */
  --c-white:       #FFFFFF;

  /* Text */
  --c-text:        #2C2A26;   /* warmes Fast-Schwarz           */
  --c-text-soft:   #4A4438;   /* Nebentext (dunkler = besser lesbar) */
  --c-on-accent:   #FFFFFF;   /* Text auf Terrakotta           */
  --c-on-primary:  #F3E9D6;   /* Text auf Dunkelblau           */

  /* Text auf dunklen (blauen) Flächen – drei Helligkeiten */
  --c-on-dark:       #EEF2F6; /* Haupttext auf Dunkelblau      */
  --c-on-dark-soft:  #D3DEE9; /* etwas gedämpfter (Fließtext)  */
  --c-on-dark-faint: #AEBFCE; /* leise Hinweise / Feindetails  */

  /* Kopfzeile (hell) */
  --c-header-bg:   #FCF8F0;   /* helle Kopfzeilen-Fläche       */

  /* Rückmeldungen / Hinweise */
  --c-hint-bg:     #F6DDD0;   /* Hintergrund Fehlerhinweis     */
  --c-hint-text:   #7A2E12;   /* Text im Fehlerhinweis         */

  /* Linien / Schatten */
  --c-border:      #E1CFAC;
  --c-shadow:      rgba(15,41,66,.12);
  --c-shadow-lg:   rgba(15,41,66,.20);

  /* ===== Geteilte Design-Tokens (Form, nicht Farbe) ===== */
  --radius:    16px;
  --radius-lg: 28px;
  --font-head: Georgia, "Times New Roman", serif;
  --font-body: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --font-alt:  "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --maxw:      1180px;
}

/* =====================================================================
   ALTERNATIVE PALETTE A – „Salbei & Terrakotta" (zum Testen einkommentieren)
   -----------------------------------------------------------------------
:root{
  --c-bg:#EEEFE6; --c-bg-alt:#DDE2D2; --c-surface:#F7F8F1; --c-surface-alt:#FFFFFF;
  --c-heading:#2F4B3F; --c-primary:#2F4B3F; --c-primary-deep:#20362D; --c-primary-soft:#5C7A6B;
  --c-accent:#C2703D; --c-accent-deep:#A2542A; --c-gold:#CBA24B;
  --c-white:#FFFFFF;
  --c-text:#26302B; --c-text-soft:#566159; --c-on-accent:#FFFFFF; --c-on-primary:#EEEFE6;
  --c-on-dark:#EEF2EC; --c-on-dark-soft:#D3E0D6; --c-on-dark-faint:#A9BCAF;
  --c-header-bg:#F7F8F1; --c-hint-bg:#F6DDD0; --c-hint-text:#7A2E12;
  --c-border:#CFD6C4; --c-shadow:rgba(47,75,63,.12); --c-shadow-lg:rgba(47,75,63,.20);
}
   ===================================================================== */

/* =====================================================================
   ALTERNATIVE PALETTE B – „Kühles Grau-Blau" (zum Testen einkommentieren)
   -----------------------------------------------------------------------
:root{
  --c-bg:#EEF1F4; --c-bg-alt:#DCE3EA; --c-surface:#F8FAFC; --c-surface-alt:#FFFFFF;
  --c-heading:#1F2D3D; --c-primary:#1F2D3D; --c-primary-deep:#141E29; --c-primary-soft:#4A6178;
  --c-accent:#2E7D8A; --c-accent-deep:#22626C; --c-gold:#C7963F;
  --c-white:#FFFFFF;
  --c-text:#222A31; --c-text-soft:#54606B; --c-on-accent:#FFFFFF; --c-on-primary:#EEF1F4;
  --c-on-dark:#EDF1F5; --c-on-dark-soft:#CFD8E0; --c-on-dark-faint:#A6B4C0;
  --c-header-bg:#F8FAFC; --c-hint-bg:#F6DDD0; --c-hint-text:#7A2E12;
  --c-border:#CFD8E0; --c-shadow:rgba(31,45,61,.12); --c-shadow-lg:rgba(31,45,61,.20);
}
   ===================================================================== */