/* ==================================================================
   PERFECTILE · Design-Tokens (Variante A, eingefroren E1, CW1)
   Einzige Quelle der Wahrheit fuer Farben, Schriften, Raster.
   Werte exakt aus preview/index.html :root (Zeile 729 ff.).
   NICHT pro Seite ueberschreiben. Aenderungen nur ueber 01_STATE.
================================================================== */
:root{
  /* Papier und Flaechen
     E1-Anpassung 15.06.2026 (Patrick-Feedback B2, Mail 14.06.): Hintergrund einen
     Tick waermer Richtung Cappuccino/Beige, weg vom reinen Weiss. Behutsam, kein
     Braunstich. Kontrast aller Text-auf-Flaeche-Kombis bleibt WCAG AA (verifiziert,
     siehe 01_STATE). Frueherer Stand: --bg #fbf9f5, --bg-2 #f5f3ef. */
  --bg:        #f7f3ea;  /* warmes Off White (Cappuccino-Hauch), Grundflaeche */
  --bg-2:      #f0eadd;  /* Warm 2, abgesetzte Flaeche, etwas tiefer im Beige */
  --line:      #e3ddd1;  /* Trennlinie, warmgrau zum neuen Papierton */
  --line-soft: #ebe5d9;  /* weiche Trennlinie */

  /* Text */
  --ink:       #1b1c1a;  /* Text dunkel */
  --ink-2:     #4e4639;  /* Text mittel */
  --ink-mute:  #6f6657;  /* Text gedaempft. SR-09: AA-Kontrast, E1-Anpassung dokumentiert in 01_STATE */

  /* Schwarz */
  --noir:      #1a1a1e;  /* dunkler Anker */
  --noir-deep: #0e0e0d;  /* tiefstes Schwarz, Footer */

  /* Gold */
  --gold-d:    #775a19;  /* Gold tief, Akzent auf Papier */
  --gold-m:    #c5a059;  /* Gold mittel */
  --gold-l:    #e9c176;  /* Gold hell, Akzent auf Dunkel */

  /* Mocca, waermerer Erdton (CW1-Ergaenzung nach G7).
     Patrick nennt die Palette Mocca, Beige, Holz, Gold, Schwarz.
     Diesem warmen Mittelton fehlte ein Token. Dezent, kein Akzentknall. */
  --mocca:     #6f5b43;  /* warmer Holz-Mocca, fuer feine Linien und Hover auf Papier */
  --mocca-soft:#efe9e0;  /* sehr helle Mocca-Flaeche, Alternative zu --bg-2 */

  /* Raster und Mass */
  --maxw:      1320px;
  --pad-x:     clamp(20px, 4.5vw, 64px);

  /* Schriften (lokal als WOFF2, siehe fonts.css, null googleapis) */
  --f-display: "Cormorant Garamond", "Times New Roman", serif;
  --f-ui:      "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Form und Bewegung */
  --rad:       2px;
  --tx:        cubic-bezier(.2,.7,.2,1);  /* starker ease-out, Manufaktur-Ruhe */
}