/* ─── Farbwerte der Marke ─────────────────────────────────────────
   Die einzige Quelle. Jede Seite laedt diese Datei als erstes
   Stylesheet, danach erst style.css, footer.css, rechtstexte.css
   oder das Stylesheet des Teilprojekts.

   Warum eigenstaendig und nicht am Anfang von style.css: Das Trading
   Journal laeuft auf data-bs-theme="dark" und kann style.css nicht
   laden, weil die dort global den body hell einfaerbt. Es braucht die
   Werte aber trotzdem — fuer den gemeinsamen Footer und die
   Rechtstexte. Bis zum 13. August 2026 standen sie deshalb doppelt,
   in style.css und in footer.css.
   ──────────────────────────────────────────────────────────────── */

:root {
  --sl-blue:       #1E3A5F;
  --sl-blue-light: #2A4F7C;
  --sl-green:      #4A9B7F;
  --sl-green-dark: #377060;
  --sl-sand:       #E8C84A;
  --sl-sand-light: #F2DB7A;
  --sl-offwhite:   #F7F5F0;
  --sl-text:       #2C2C2C;
  --sl-muted:      #6B7280;
  --sl-border:     #DDD9D0;

  /* Bootstrap-Grundfarben ueberschreiben */
  --bs-primary:          var(--sl-blue);
  --bs-primary-rgb:      30, 58, 95;
  --bs-link-color:       var(--sl-green);
  --bs-link-hover-color: var(--sl-green-dark);
}