/* ============================================================
   TOKENS — Schneider Immobilien & Management (Kirchheim u. Teck)
   Quelle: Fixpunkt 1 REVIDIERT (Milan, 07.07.2026) — Art-Direction-
   Bild A „Editorial & warm" (GPT Image 2, intake/schneider/art-direction/).
   Farbwelt aus V1 bestätigt, Display-Typo auf Didone-Serife gewechselt.
   Bindend: intake/schneider/richtung.md — inkl. Milans Korrekturen:
   (1) KEINE Rosa-Tint-Flächen  (2) keine Deko-Glows/-Kreise.
   Bereinigt ggü. Render: 3 Papierweiß-Drifts → 1 Wert · #ffffff-Karten
   → warmes Fast-Weiß (DESIGN.md Verbot 8) · Koralle #ff8a80 + Footer-
   Rosa #e59aa8 entfernt (Drift).
   ============================================================ */
:root {
  /* ---- Marke — aus dem echten Logo (Bordeaux-Anker) ---- */
  --brand:        #a71d32; /* Logo-Bordeaux. Akzente, Primär-CTA, aktive Zustände. */
  --brand-deep:   #841626; /* Hover, Verläufe innerhalb der Familie. */
  --brand-glow:   #c85a68; /* NUR Textakzente auf dunklem Grund, sparsam. NIE als Flächen-Tint (Rosa-Verbot). */
  --accent-2:     #d0a13f; /* Gold — AUSSCHLIESSLICH Rating-Sterne. */

  /* ---- Flächen — warme Ableitungen, kein reines #000/#fff ---- */
  --surface-dark:   #2b2320; /* Warmes Dunkelbraun: finaler CTA, Footer (dunkle Schluss-Strecke). */
  --surface-dark-2: #3a302a; /* Karten/Erhebungen auf dunkel. */
  --surface-light:  #faf8f5; /* Papierweiß-Grundfläche (normalisiert aus 3 Render-Drifts). */
  --surface-light-2:#fffdfa; /* Karten auf hell — warmes Fast-Weiß statt #ffffff. */

  /* ---- Text — 2 Stufen je Flächenart ---- */
  --text-on-dark:      #f4ede6;
  --text-on-dark-dim:  #a99a90;
  --text-on-light:     #2b2320; /* Tinte = surface-dark → warme Verwandtschaft. */
  --text-on-light-dim: #5f574d;

  /* ---- Struktur-Hilfen ---- */
  --glass:    rgba(250,248,245,.06); /* falls Glass auf dunkel gebraucht wird — sparsam. */
  --glass-bd: rgba(250,248,245,.12);
  --border-light: #e0d7cb;           /* Hairline auf hellen Flächen. */

  /* ---- Typografie (genau 2 Schriften; lokal subsetten, DESIGN.md §8) ---- */
  --font-display: "Bodoni Moda", Didot, "Bodoni MT", serif; /* Charakterträger: Didone-Serife — Fixpunkt 1 NEU (Art-Direction-Bild A, 07.07.): editorial, etabliert. */
  --font-text:    "Hanken Grotesk", system-ui, sans-serif; /* klar, humanistisch, gut lesbar. */

  /* ---- Skalen ---- */
  --fs-hero:  clamp(2.5rem, 5.5vw, 3.75rem); /* Render: 56px Desktop. ⚠️ DESIGN.md §2: groß → Weight 500–600 testen, nicht 700+. */
  --fs-h2:    clamp(1.75rem, 3.5vw, 2.5rem);
  --fs-h3:    1.25rem;
  --fs-body:  1.05rem;   /* Zielgruppe 45+ — nicht kleiner. */
  --fs-small: .875rem;
  --sy:     clamp(3.5rem, 7vw, 6.5rem);
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --max:    1200px;
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2.5rem; --sp-5: 4rem;
  --radius: 16px;        /* Karten/Widget. */

  /* ---- Motion ---- */
  --dur:  300ms;
  --ease: cubic-bezier(.16, 1, .3, 1);

  /* ---- Kunden-Erweiterungen Schneider (zusätzlich zum Schema) ---- */
  --surface-sand: #ebe3d8; /* Bänder/ruhige Zwischenflächen (Stat-Bar, Widget-Hintergrund) — ERSETZT die verworfenen Rosa-Tints. */
  --success:      #557a56; /* Salbei — nur Formular-Success-Zustände. */
  --radius-btn:   6px;     /* Buttons deutlich schärfer als Karten (Referenz-Bilder 1–3). */
}