/* Design-Tokens — zentrale Stelle für alle Farben/Masse.
   NIEMALS Hex-Farben über die App verstreuen (Erinnerung.md §5.5). */
:root {
  /* Marke (neutral, modern) */
  --brand:       #2563eb;
  --brand-dark:  #1e40af;
  --brand-tint:  #eef4ff;
  --accent:      #0ea5a4;

  /* Neutrale Flächen/Text */
  --bg:          #f6f8fb;
  --surface:     #ffffff;
  --text:        #0f172a;
  --text-muted:  #64748b;
  --border:      #e2e8f0;

  /* Semantische Badges */
  --efz-bg:      #e9f7ef;
  --efz-text:    #11804b;
  --boost-bg:    #fef3e2;
  --boost-text:  #b45309;
  --danger:      #dc2626;

  /* Layout */
  --radius:      12px;
  --radius-sm:   8px;
  --maxw:        960px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:#0b1220; --surface:#131c2e; --text:#e6edf6; --text-muted:#94a3b8;
    --border:#243049; --brand-tint:#16233f;
    --efz-bg:#10331f; --efz-text:#5fd693; --boost-bg:#3a2a12; --boost-text:#f0a500;
  }
}