/* =====================================================================================
   Weingut Steinleiten · Farben, Schrift, Linien, Abstände
   Brücke zur Web-App: --bg --surface --text --muted --accent --on-accent --border --radius --schrift
   heißen wie in 00_Projektstart/starter-webapp/styles.css.
   Bautyp Etikett: Creme und Schwarz, Weinrot nur als Akzent, feine Linien in Gold-Braun.
   ===================================================================================== */
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --schrift: "Manrope", "Segoe UI", system-ui, sans-serif;

  --bg: #efe7d6;            /* Tisch, auf dem das Etikett liegt */
  --surface: #f7f2e7;       /* Etikettenpapier */
  --surface-2: #ece3cf;     /* abgesetzte Flächen, Knöpfe Ton in Ton */
  --text: #1c1714;          /* 15,5 : 1 auf --surface */
  --muted: #5d544b;         /* 6,3 : 1 auf --surface */
  --accent: #6e1a2b;        /* Weinrot: Siegel, aktive Jahrgangszahl, Thermometer. Weiß darauf 9,6 : 1 */
  --on-accent: #ffffff;
  --accent-tief: #561220;
  --accent-hell: #efdfe0;
  --border: #cdbfa6;        /* Rahmen der Platzhalter, Felder */
  --linie: #a89778;         /* Doppelrahmen, Zierlinien, Punktlinien */
  --error: #a4231c;

  /* Weinfarben im Glas (Beispiel, siehe KONZEPT.md) */
  --wein-welsch: #e9e0a0;
  --wein-sauvignon: #dfe48e;
  --wein-rose: #ea929f;

  /* Zeichnungen (Glas, Vom Stock ins Glas, Karte) */
  --glas-linie: #6b655c;
  --holz: #8a6240;
  --holz-dunkel: #5c3f28;
  --holz-hell: #a57a4f;
  --stahl: #c9cdd1;
  --stahl-dunkel: #7d848a;
  --laub: #6f8f4a;
  --laub-hell: #9bb36a;
  --laub-dunkel: #4f6a33;
  --traube: #c9d26e;
  --most: #d9cf7a;
  --keller: #3a2f2b;
  --keller-wand: #4a3c37;
  --boden: #b89a6a;
  --haut: #e8c9a8;

  --radius: 6px;            /* das Etikett ist eckig; Rundung nur bei Feldern und Platzhaltern */
  --radius-klein: 4px;

  --breite: 760px;          /* die Mittelspalte, das Etikett */
  --abstand: clamp(72px, 9vw, 112px);
  --kopf: 60px;
  --leiste: 46px;           /* Jahrgangsleiste oben, nur unter 1100 px */
}