/* ==========================================================================
   Casa da Enzo · Trattoria App · Design-Tokens
   Quelle: Brandbook 2.1 (Stand 16.10.2026), Vault 00 Kontext/Branding.md
   Gilt für App (Bildschirm). Druck (gastro-menu) nutzt dieselben Werte in mm/pt.
   Keine Komponenten hier, nur Werte. Schriften: fonts.css oder Google Fonts.
   ========================================================================== */

:root {
  /* ---------- Basis (Brandbook 2.1, Abschnitt 2.1) ---------- */
  --lava: #272928;          /* Text, dunkle Flächen */
  --lava-80: #3C3F3D;
  --panna: #F9F5F2;         /* Grundfläche */
  --panna-dark: #ECE6DF;
  --sabbia: #E1D0B4;        /* Akzentfläche, nie als Text auf Panna */
  --white: #FFFFFF;
  --line: #D9D2CA;          /* 1 px Trenner */
  --muted: #6B6A66;         /* Sekundärtext */

  /* ---------- Segment Trattoria ---------- */
  --vino: #811F27;          /* Absender Trattoria, Buttons, Links */
  --vino-tief: #5E161C;     /* Hover, gedrückt */
  --vino-hell: #ECD5D2;     /* Auswahl, Fokusfläche */

  /* ---------- Kapitelfarben (nur Karten) ----------
     -grund: Balken, Band, Punkt · -titel: Schrift auf Weiß/Panna (≥ 4,5 : 1)
     -auf: Schriftfarbe auf der Grundfläche */
  --kap-aperitivi: #D9782D;   --kap-aperitivi-titel: #B25500;   --kap-aperitivi-auf: var(--lava);
  --kap-analcolici: #4A76A3;  --kap-analcolici-titel: #46729E;  --kap-analcolici-auf: var(--white);
  --kap-birra: #DFB43A;       --kap-birra-titel: #916800;       --kap-birra-auf: var(--lava);
  --kap-vini: #B0436B;        --kap-vini-titel: #B0436B;        --kap-vini-auf: var(--white);
  --kap-distillati: #2F7477;  --kap-distillati-titel: #2F7477;  --kap-distillati-auf: var(--white);
  --kap-grappa: #8E9F4E;      --kap-grappa-titel: #677623;      --kap-grappa-auf: var(--lava);
  --kap-caffe: #6B4A3A;       --kap-caffe-titel: #6B4A3A;       --kap-caffe-auf: var(--white);
  --kap-dolci: #7A5FA3;       --kap-dolci-titel: #7A5FA3;       --kap-dolci-auf: var(--white);

  /* ---------- App-Zustände (nicht im Brandbook, abgeleitet) ----------
     Änderungsmarken wie im Korrekturausdruck: neu · geändert · gestrichen */
  --neu: #3E6B45;           --neu-hell: #DDE8DC;
  --geaendert: #C99A3E;     --geaendert-hell: #F4E7C8;   /* Zafferano: nur mit Lava-Text */
  --gestrichen: #A85A37;    --gestrichen-hell: #F1DDD3;  /* Terracotta */
  --hinweis: #A85A37;       /* fehlende Pflichtangabe */
  --live: #3E6B45;
  --fokus: var(--vino);

  /* ---------- Schrift (Abschnitt 3) ---------- */
  --font-serif: "EB Garamond", "Garamond", "Times New Roman", serif;  /* Namen, Preise, Titel – nie unter 14 px, nie Versalien */
  --font-sans: "Jost", "Futura", "Avenir Next", "Helvetica Neue", sans-serif;  /* UI, Labels, Fließtext */

  --text-xs: 0.75rem;    /* 12 px · Versal-Labels */
  --text-sm: 0.875rem;   /* 14 px · Zusatzzeilen */
  --text-base: 1rem;     /* 16 px · UI, Eingaben (iOS zoomt unter 16 px) */
  --text-md: 1.0625rem;  /* 17 px · Artikelname, Preis */
  --text-lg: 1.25rem;    /* 20 px */
  --text-xl: 1.625rem;   /* 26 px · H3 */
  --text-2xl: 2rem;      /* 32 px · Bildschirmtitel Desktop */

  --caps-spacing: 0.2em; /* Versalzeilen +20 % */

  /* ---------- Raster 4 px (Abschnitt 4) ---------- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-14: 56px;
  --rand-mobil: 20px;
  --rand-desktop: 32px;
  --content-max: 1180px;

  /* ---------- Form ---------- */
  --radius: 0;            /* Die Marke ist eckig */
  --radius-rund: 999px;   /* nur Ring, Siegel, Nummern */
  --linie: 1px solid var(--line);
  --ring: 1.5px solid currentColor;
  --touch: 48px;          /* Mindesthöhe Bedienelemente (Anforderung ≥ 44 px) */
  --schatten-lift: 0 8px 24px rgba(39, 41, 40, 0.14);  /* nur schwebende Elemente */
}