/* ============================================================
   TOKENS — die EINZIGE Datei mit Designentscheidungen.
   FinBlitz erbt 1:1 den ABGENOMMENEN Stand von schilk-partner-2
   (Design-Freigabe Kunde, Sync 13.08.2026): Sentient für H1/H2,
   Source Sans 3 für alles andere, Logo-Türkis als dritte Eigenfarbe.
   ============================================================ */

:root {
  /* Farben (geerbt aus schilk-partner-2) */
  --farbe-flaeche: #FFFFFF;
  --farbe-flaeche-alt: color-mix(in srgb, var(--farbe-akzent-hell) 9%, var(--farbe-flaeche));
  --farbe-text: #16181A;
  --farbe-text-gedimmt: color-mix(in srgb, var(--farbe-text) 62%, var(--farbe-flaeche));
  /* Akzent-Logik wie Hauptseite: akzent = dunklere Ableitung (~5:1 auf Weiß)
     für Links/Fokus/CTA, akzent-hell = Original für Großes und Flächen. */
  --farbe-akzent: #35749E;
  --farbe-akzent-hell: #4A92C0;
  --farbe-akzent-tief: color-mix(in srgb, var(--farbe-akzent) 78%, var(--farbe-dunkel));
  --farbe-auf-akzent: #FFFFFF;
  --farbe-dunkel: #152430;       /* die EINE Dunkelfläche: Abschluss-Karte */
  /* Logo-Türkis: dritte Eigenfarbe (Kundenwunsch 07.08.2026, Hauptseite).
     Rollen: Kicker-Linien, Icons, Zahlen, Hover-Akzente, Unterstreichungen,
     Detailflächen, Fortschrittsbalken + aktive Auswahl im Rechner — nie
     Fließtext, nie Vollfläche. Pur nur auf Dunkelfläche oder als Deko-Linie;
     für Ziffern auf hellem Grund die abgedunkelte Text-Ableitung (4.2:1). */
  --farbe-tuerkis: #14B7DD;
  --farbe-tuerkis-text: #0E86A5;
  --farbe-tuerkis-flaeche: color-mix(in srgb, var(--farbe-tuerkis) 10%, var(--farbe-flaeche));
  --farbe-sterne: #FBBC04;       /* Google-Sterne-Gelb, NUR Bewertungssterne (Fremdfarbe) */
  --farbe-auf-dunkel: #FFFFFF;
  --farbe-linie: color-mix(in srgb, var(--farbe-text) 24%, transparent);
  --farbe-fehler: color-mix(in srgb, var(--farbe-text) 55%, var(--farbe-akzent-tief));

  /* Typografie — geerbt (Revision 07.08.2026 Hauptseite):
     H1/H2 in Sentient (Serif, Medium/Bold), ALLES andere Source Sans 3.
     headline-Tokens greifen via projekt.css nur auf h1/h2. */
  --schrift-headline: "Sentient", Georgia, serif;
  --headline-gewicht: 500;
  --headline-gewicht-h2: 700;
  --schrift-display: "Source Sans 3", system-ui, sans-serif;
  --schrift-text: "Source Sans 3", system-ui, sans-serif;
  --display-gewicht: 700;
  --skala: 1.25;
  --text-basis: 1.125rem;
  --text-s: calc(var(--text-basis) / var(--skala));
  --text-m: var(--text-basis);
  --text-l: calc(var(--text-basis) * var(--skala));
  --text-xl: calc(var(--text-l) * var(--skala));
  --text-2xl: calc(var(--text-xl) * var(--skala));
  --text-3xl: calc(var(--text-2xl) * var(--skala));
  --text-display: calc(var(--text-3xl) * var(--skala));
  --zeilenhoehe-text: 1.55;
  --zeilenhoehe-eng: 1.05;

  /* Form (geerbt: Radius 2px, Ecken-Motiv Finanzierungsakte) */
  --radius: 2px;
  --ecke-gross: 0 0 40px 0;
  --ecke-karte: 0 0 24px 0;
  --ecke-klein: 0 0 12px 0;
  --ecke-rund: 999px;
  --linie: 1.5px solid var(--farbe-linie);

  /* Oberflächen-Register (geerbt; footer-kante kam auf der Hauptseite dazu) */
  --schatten-flach: 0 2px 10px color-mix(in srgb, var(--farbe-dunkel) 12%, transparent);
  --schatten-keine: none;
  --kontur: 2.5px solid var(--farbe-text);
  --verlauf-akzent: linear-gradient(135deg, var(--farbe-akzent), var(--farbe-akzent-tief));
  --farbe-toenung: var(--farbe-flaeche-alt);

  /* Layout (geerbt: Container 1200 zentriert; textspalte 75ch wegen
     schmaler Source-Sans-3-Null, Feedback Paul 07.08.2026) */
  --container-max: 1200px;
  --raum-1: 0.5rem;
  --raum-2: 1rem;
  --raum-3: 2rem;
  --raum-4: 4rem;
  --raum-sektion: 6rem;
  --textspalte: 75ch;
}