/* Palette „Ankommen" — Farbstrategie v1.0 (30.07.2026),
   Sektionsfarbe ersetzt per Briefing 06.08.2026: Grün -> Braunschwarz. */
:root{
color-scheme:light;
/* Basis */
--papier:#FFFFFF;          /* Grundfläche aller Seiten — reines Weiß */
--papier-ton:#F9F7F2;      /* Karten, Kacheln, Zahlenmodule — warmer Akzent (Originalton) */
--papier-hell:#FDFCF9;     /* große Hintergrundbänder (Ihr Weg, Wir, Kontakt, Ladeblende) — hellste Fläche */
--linie:#E6DFD3;           /* Trennlinien, Tabellenraster */
--tinte:#221E19;           /* Fließtext, Überschriften */
--stein:#6C665B;           /* Sekundärtext, Bildunterschriften, Quellenzeilen */
--stein-tief:#4C463C;      /* aufgeklappte Detailtexte */
/* Leitfarbe */
--backstein:#A63A1E;       /* der eine CTA pro Bildschirm, Links, Markierungen */
--backstein-tief:#7F2A12;  /* Hover/Aktiv */
--backstein-hauch:#F6E7DE; /* Hinweisflächen */
--backstein-hell:#D2542F;  /* dieselbe Leitfarbe, aufgehellt für dunkle Flächen (Header/Footer) */
--marke-backstein:#A63A1E; /* „IT" der Wortmarke: bleibt in beiden Themen identisch */
/* Rahmenfarbe Tinte (07.08.2026, Farbanalyse: warme Palette braucht warmes Schwarz): Header + Footer rahmen die helle Seite */
--sektion:#221E19;         /* Header, Footer, dunkle Module — identisch mit Tinte */
--sektion-text:#FBF8F3;    /* Primärtext auf Sektion */
--sektion-sekundaer:#B7B0A5; /* Sekundärtext auf Sektion */
--sektion-tertiaer:#948D82;  /* Labels/Kleinschrift auf Sektion */
--sektion-linie:#3A342C;     /* Hairlines auf Sektion */
--sektion-tief:#1B1713;      /* Fußzeile: eine Stufe dunkler als der Header, wirkt nie heller */
/* Gold — nie Textfarbe */
--gold:#C8811A;            /* Zierlinien, Icon-Akzente, Markierungspunkte */
--gold-hell:#E3A648;       /* Pfeile/Akzente auf dunkler Fläche */
/* Zustände (nur Formulare/Meldungen, nie Marketing) */
--erfolg:#2E7A4B;
--erfolg-hauch:#E8EFE9;
--warnung:#9A6700;
--fehler:#9F1D1D;
/* Abgelöst (nicht mehr verwenden): Tanne #1E3B2C, Website-v3-Grün #2C5B41, Braunschwarz #302A24, Nachtblau #090632 */
/* Helle Karten-/Feldflächen (im dunklen Thema eigene Töne) */
--karte-weiss:#FFFFFF;     /* weiße Karten: Formularkarte, Adressaten, Sprungknöpfe */
--feld-flaeche:#FFFFFF;    /* Eingabefelder */
--sprach-el:#0E6E74;       /* Griechisch-Petrol als Textfarbe */
--sprach-es:#A3521A;       /* Spanisch-Ocker als Textfarbe */
/* Semantische Aliasse */
--surface-page:var(--papier);
--surface-card:var(--papier-ton);
--surface-dunkel:var(--sektion);
--text-body:var(--tinte);
--text-sekundaer:var(--stein);
--link:var(--backstein);
--link-hover:var(--backstein-tief);
--cta-bg:var(--backstein);
--cta-bg-hover:var(--backstein-tief);
--cta-text:#FFFFFF;
--fokus:var(--backstein);
/* Dokumenten-CI (nur Behörden/Verträge/Partner-Onepager, nie Website) */
--doc-navy:#1F3864;
--doc-mittelblau:#2E75B6;
}

/* Dunkles Design — Schalter im Header, Systemeinstellung als Startwert.
   Dieselbe warme Familie, gedreht: Papier wird Nacht, Tinte wird hell, Backstein eine Stufe leuchtender.
   Header, Footer und dunkle Module (--sektion*) bleiben unverändert — sie rahmen beide Themen. */
html[data-thema="dunkel"]{
color-scheme:dark;
--papier:#17130F;
--papier-ton:#221C15;
--papier-hell:#1B1712;
--linie:#3B342A;
--tinte:#EDE6DA;
--stein:#A89E8E;
--stein-tief:#C6BCAC;
--backstein:#C6532D;
--backstein-tief:#DB6E47;
--backstein-hauch:#3A241B;
--cta-bg:#A63A1E;          /* rote Tasten bleiben Backstein: Markenrot wird nie aufgehellt */
--cta-bg-hover:#7F2A12;
--sektion-tief:#100D0A;
--erfolg:#68B084;
--erfolg-hauch:#20291F;
--warnung:#C79044;
--fehler:#E07B6B;
--karte-weiss:#221C15;
--feld-flaeche:#17130F;
--sprach-el:#31A5AD;
--sprach-es:#C97F3B;
}