/* Carl-Huter-Akademie – Farben
   Primär ist das Logo-Blau; Grün und Rot sind sparsame Logo-Akzente; Gold ergänzt. */
:root{
  /* Marke */
  --primary:      #00559E; /* Logo-Blau – Buttons, Links, Flächen */
  --primary-dark: #003A6E; /* dunkles Blau – Footer, Hover */
  --primary-soft: #E4EEF8; /* helle Blaufläche – Tags, Fokus-Ring */
  --logo-green:   #008035; /* Logo-Grün – sparsam */
  --logo-red:     #CC1517; /* Logo-Rot – sparsam */
  --accent:       #C08A2D; /* warmes Gold – Eyebrows, Akzente */
  --gold:         #F3C969; /* helles Gold – Sterne, Akzent auf Blau */
  --accent-soft:  #F7EFDD; /* Hinweisflächen */

  /* Neutral & Flächen */
  --bg:      #F6F9FC; /* Seitenhintergrund */
  --surface: #FFFFFF; /* Karten, Panels */
  --ink:     #16232E; /* Haupttext */
  --muted:   #57697A; /* Sekundärtext */
  --line:    #DFE6EE; /* Rahmen, Trenner */

  /* Semantische Aliase */
  --text-body:      var(--ink);
  --text-muted:     var(--muted);
  --text-on-primary:#FFFFFF;
  --surface-page:   var(--bg);
  --surface-card:   var(--surface);
  --border-default: var(--line);
  --focus-ring:     var(--primary-soft);
  --link:           var(--primary);
  --link-hover:     var(--primary-dark);
}