/* ═══════════════════════════════════════════════════════════════════
   GBW & PARTNER · DESIGN-TOKENS
   Eine Datei. Komponenten greifen nur auf Variablen zu, nie auf Werte.
   Ein Styleguide-Wechsel ist damit ein Dateitausch.

   Farben stammen aus den Logo-Assets der Grafikerin, nicht aus den
   Brand Guidelines vom Juni 2026. Begründung: audit/01_inventur.md, 3.2.

   Die verbindlichen Regeln stehen in STYLEGUIDE.md. Eine davon gilt für
   diese Datei unmittelbar:

   ┌───────────────────────────────────────────────────────────────┐
   │  #8A5424 IST VERBOTEN. Das rostbraune Kupfer ist gestrichen.  │
   │  Kein --kupfer-text, kein #8B5A2B, kein sienna, kein          │
   │  chocolate, kein Kupfer dunkler als #ba9055. Ohne Ausnahme.   │
   │  Kupfer ist Linie und Fläche. Auf hellem Grund nie Schrift.   │
   │  Kupfer als Schrift gibt es nur auf dunklem Grund, und dann   │
   │  als --kupfer-hell.                                           │
   └───────────────────────────────────────────────────────────────┘
   ═══════════════════════════════════════════════════════════════════ */

:root{
  /* ── Farbe ─────────────────────────────────────────────────────── */
  --grund:        #F5F1E8;   /* helle Flächen */
  --grund-warm:   #EFE9DD;   /* zweite Fläche, zum Absetzen */
  --grund-tief:   #E8E1D2;
  --gruen:        #123C1F;   /* Text, und die dunklen Flächen */
  --gruen-tief:   #0C2915;
  /* Tiefstes Grün. Nur als Hintergrund der beiden Filmflächen (Bühne und
     Ernstfall). Ein Ton unter --gruen-tief gibt dem Bild Tiefe, ohne dass
     die Seite in Schwarz kippt: reines Schwarz gehört nicht zur Marke. */
  --tinte:        #071A0D;
  --kupfer:       #ba9055;   /* Linie, Fläche, Signal. NIE Schrift auf Hell */
  --kupfer-hell:  #c29569;   /* Kupfer als Schrift, nur auf Dunkel: 5,8:1 */
  /* Hier stand --kupfer-text: #8A5424. Gestrichen am 15.08.2026, siehe
     STYLEGUIDE.md, Abschnitt 0. Wer die Zeile wieder einfügt, holt das
     Rostbraun zurück, das an Baum und G·B·W zweimal abgelehnt wurde.
     Der Ersatz ist keine dunklere Farbe, sondern eine andere Regel:
     Schrift auf Hell ist --gruen (11,0:1) oder --text-leise (6,2:1). */
  --terra:        #C4956A;
  --salbei:       #8FAF8F;
  --text:         #2C2C2A;   /* nie reines Schwarz */
  --text-leise:   #545F58;   /* 6,15:1 auf --grund */
  --linie:        rgba(18,60,31,.13);
  --linie-stark:  rgba(18,60,31,.28);

  /* Auf Dunkelgrün. Nachgemessen gegen --tinte:
     --auf-dunkel 15,9:1 · leise 11,0:1 · schwach 6,6:1 (nur grosse Schrift) */
  --auf-dunkel:        #F5F1E8;
  --auf-dunkel-leise:  rgba(245,241,232,.82);
  --auf-dunkel-schwach:rgba(245,241,232,.58);

  /* ── Schrift ───────────────────────────────────────────────────── */
  --serif: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --sans:  'Lato', -apple-system, system-ui, sans-serif;

  /* Eine Stufe kleiner als vorher, durchgehend. Grosse Schrift ist der
     billigste Weg, eine Seite wichtig aussehen zu lassen, und genau
     deshalb sieht sie damit billig aus. Die Wirkung kommt jetzt aus
     Weissraum, Kontrast und Rhythmus, nicht aus Punktgrösse. */
  --h-riesig: clamp(2.05rem, 4.1vw, 3.45rem);   /* vorher bis 5rem   */
  --h1:       clamp(1.75rem, 3.0vw, 2.55rem);   /* vorher bis 3,5rem */
  --h2:       clamp(1.35rem, 2.0vw, 1.75rem);   /* vorher bis 2,3rem */
  --h3:       1.15rem;
  --body:     1.0625rem;          /* 17 px, Mindestwert für Fließtext */
  --body-gr:  1.125rem;
  --klein:    .875rem;
  --winzig:   .75rem;

  --zeile:      1.62;
  --zeile-eng:  1.1;
  --sperr:      .012em;
  --sperr-weit: .18em;          /* Eyebrow, wie im Claim des Logos */

  /* ── Raum ──────────────────────────────────────────────────────── */
  --r1:.5rem; --r2:1rem; --r3:1.5rem; --r4:2.5rem; --r5:4rem; --r6:6rem;
  /* Gestrafft am 16.08.2026 von clamp(4rem, 7.5vw, 7rem): Marvins
     wiederholter Punkt, dass die Sektionen oben zu viel Luft lassen und
     Inhalte wie das Baumkonzept dadurch erst nach dem Scrollen sichtbar
     werden. Dieselbe Weniger-ist-mehr-Regel wie in den
     Beratungswerkzeugen (Vertriebsphilosophie, Abschnitt 6). */
  --sektion-y: clamp(3rem, 5.5vw, 4.75rem);
  --spalte:    62ch;             /* Fließtext nie breiter */
  --seite:     1240px;
  --rand:      clamp(1.25rem, 5vw, 4rem);

  /* ── Kante ─────────────────────────────────────────────────────── */
  --radius:       2px;           /* die Assets kennen keine Rundungen */
  --radius-karte: 4px;
  --faden:        1px;           /* die senkrechte Kupferlinie */

  /* ── Bewegung ──────────────────────────────────────────────────── */
  --schnell: 140ms;              /* Hover, Fokus */
  --normal:  320ms;              /* Element erscheint */
  --ruhig:   620ms;              /* Einflug */
  --szene:   900ms;              /* die drei Signature-Momente */
  --film:   1400ms;              /* der Baum wächst, einmal pro Besuch */
  --versatz: 70ms;               /* Staffelung zwischen Geschwistern */
  --aus: cubic-bezier(.16,.84,.28,1);    /* etwas kommt an */
  --ein: cubic-bezier(.4,0,1,1);         /* etwas geht weg */
  --weich: cubic-bezier(.4,0,.2,1);
  --sanft: cubic-bezier(.22,1,.36,1);    /* lange Wege, spät gebremst */
}

/* Wer die Systemeinstellung gesetzt hat, sieht dieselbe Seite, nur ohne
   den Weg dorthin. Nicht weniger Inhalt, nur weniger Bewegung. */
@media (prefers-reduced-motion: reduce){
  :root{ --schnell:1ms; --normal:1ms; --ruhig:1ms; --szene:1ms; --film:1ms; --versatz:0ms; }
}