/* ═══════════════════════════════════════════════════════════════════
   KDS TOKENS – Unsere Stadtvilla · v0.6.0
   Palette nach dem Original-Gebäude (Foto Aug 2026):
   Fassade Creme · Fachwerk Bordeaux · Sandstein-Sockel · Gold nur als Linie.
   NUR 2 Flächentöne im Wechsel + 1 Akzent + 1 dunkler Abschluss.
═══════════════════════════════════════════════════════════════════ */
:root {

  /* ── Bordeaux (Fachwerk & Dach) – Akzent, sparsam einsetzen ── */
  --rot:       #A02E23;   /* Hauptakzent, zwischen Logo-Rot und Fachwerk */
  --rot-d:     #7E241D;   /* dunkles Fachwerk-Bordeaux – Hover, USP-Leiste */
  --rot-l:     #B84437;
  --accent:    var(--rot);
  --accent-d:  var(--rot-d);
  --accent-l:  var(--rot-l);

  /* ── Gold/Ginster (nur Logo) – ausschließlich Linien & Details ── */
  --gold:      #B8AC63;
  --gold-d:    #8A6A36;
  --gold-l:    #D4C97E;

  /* ── Flächen: exakt 2 Töne im Wechsel ── */
  --bg:        #FAF7F0;   /* Fassaden-Creme – Hauptflächen           */
  --bg-soft:   #F2ECDF;   /* heller Sandstein – Wechselflächen       */
  --bg-warm:   var(--bg-soft);  /* Legacy-Alias */
  --tint:      var(--bg-soft);  /* Legacy-Alias */

  /* ── Text ── */
  --ink:       #2B1B14;
  --text:      #43322A;
  --muted:     #7C6A5F;
  --line:      #E2D8C8;
  --white:     #FFFFFF;
  --black:     #000000;

  /* ── Header: Bordeaux ── */
  --bar:       #A02E23;
  --bar-line:  rgba(184,172,99,.28);

  /* ── Dunkler Abschluss (CTA + Footer = eine Fläche) ── */
  --foot:      #26120C;
  --foot-text: rgba(250,247,240,.90);
  --foot-muted:rgba(250,247,240,.52);
  --foot-link: rgba(184,172,99,.85);
  --accent-foot: var(--gold);

  /* ── Typografie ── */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font:         'Lato', system-ui, Arial, sans-serif;

  /* ── Layout ── */
  --maxw:    1280px;
  --maxw-sm: 860px;
  --gutter:  clamp(18px, 4vw, 52px);
  --sec:     clamp(80px,  7vw,  130px);
  --sec-xl:  clamp(110px, 10vw, 200px);
  --sec-lg:  clamp(90px,  8vw,  150px);
  --sec-sm:  clamp(52px,  5vw,   96px);
  --ease:    cubic-bezier(.22, .61, .36, 1);
  --r:       12px;
}