/* Finaro Farbsystem (client DOCX "Dienstleistungen und Positionierung", 16 Oct 2026, chapter 8).
   Values exactly as supplied. Each area has primary / dunkel (text + links on white) / hell (backgrounds)
   / on (text on primary). Pages get data-bereich (set by partials/header.php); components use only the
   --bereich* variables, never fixed colour values. Logo grey is the umbrella colour (no attribute).
   Hellgold and Lindgrün (Vermögen, Finanzierungen) appear only with Stufe 2. */
:root {
  --finaro: #7A7A7A;  --finaro-dunkel: #4D4D4D;  --finaro-hell: #F0F0F0;  --finaro-on: #FFFFFF;
  --th: #2A4FB0;  --th-dunkel: #1C3578;  --th-hell: #E8EDF8;  --th-on: #FFFFFF;
  --vs: #B42B3F;  --vs-dunkel: #7E1D2C;  --vs-hell: #F8E7EA;  --vs-on: #FFFFFF;
  --vm: #D9B565;  --vm-dunkel: #7A5A1E;  --vm-hell: #FAF4E6;  --vm-on: #4A3810;
  --fi: #8DC63F;  --fi-dunkel: #3F6514;  --fi-hell: #F1F8E6;  --fi-on: #2A3D10;
  --bereich: var(--finaro);  --bereich-dunkel: var(--finaro-dunkel);
  --bereich-hell: var(--finaro-hell);  --bereich-on: var(--finaro-on);
}
[data-bereich="treuhand"]       { --bereich: var(--th); --bereich-dunkel: var(--th-dunkel); --bereich-hell: var(--th-hell); --bereich-on: var(--th-on); }
[data-bereich="versicherungen"] { --bereich: var(--vs); --bereich-dunkel: var(--vs-dunkel); --bereich-hell: var(--vs-hell); --bereich-on: var(--vs-on); }
[data-bereich="vermoegen"]      { --bereich: var(--vm); --bereich-dunkel: var(--vm-dunkel); --bereich-hell: var(--vm-hell); --bereich-on: var(--vm-on); }
[data-bereich="finanzierungen"] { --bereich: var(--fi); --bereich-dunkel: var(--fi-dunkel); --bereich-hell: var(--fi-hell); --bereich-on: var(--fi-on); }