/* ==========================================================================
   Ristorante Pizzeria da Adriano · Design-Tokens
   Ausgabe 1.0 · September 2026 · Basis: Logo-Handbuch da Adriano, Juli 2026
   Diese Datei enthaelt ausschliesslich Variablen. Sie wird als erstes geladen.
   CI-Paket: 50_Doku\CI_da_Adriano\02_Design-System
   ========================================================================== */

:root {

  /* ---------------------------------------------------------------
     1 · FARBE
     Alle Werte aus den Logodateien ausgelesen, nicht nachempfunden.
     Kontraste gemessen, siehe Abschnitt 1b.
     --------------------------------------------------------------- */

  /* Primaer — die Tricolore */
  --ad-green:  #1E7A45;   /* Italienisch Gruen · Ueberschriften, Knoepfe, Linien */
  --ad-red:    #C8102E;   /* Italienisch Rot   · Akzent, zweiter Tricolore-Balken */

  /* Grundfarben */
  --ad-ink:    #15181B;   /* Tiefschwarz · Wortmarke, Fliesstext auf hell */
  --ad-cream:  #FBF9F5;   /* Creme       · Seitenhintergrund, Papierton */
  --ad-sand:   #EDE9E2;   /* Sand        · Trennlinien, Karten, Mittelbalken hell */
  --ad-grey:   #6B6560;   /* Grau        · Vorzeile, Nebenangaben, Beschreibungen */
  --ad-white:  #FFFFFF;

  /* Dunkle Fassung — fuer Umschlag, Schaufenster, Fotos */
  --ad-night:    #14171A; /* Nachtgrund  · Flaechen, Umschlaege */
  --ad-night-2:  #2A2F34; /* Nachtgrau   · Mittelbalken auf dunkel */
  --ad-paper:    #F6F3EE; /* Papierweiss · Text auf dunklem Grund */
  --ad-grey-up:  #9A948C; /* Grau hell   · Nebenangaben auf dunklem Grund */

  /* Zustaende (Hover, Fokus) */
  --ad-green-hover: #176036;
  --ad-red-hover:   #A50D26;
  --ad-focus:       #1E7A45;

  /* Transparenzen — Overlays ueber Fotos */
  --ad-night-80: rgba(20, 23, 26, .80);
  --ad-night-55: rgba(20, 23, 26, .55);
  --ad-ink-08:   rgba(21, 24, 27, .08);

  /* ---------------------------------------------------------------
     1b · GEMESSENE KONTRASTE (WCAG, Stand 17.09.2026)
     Tiefschwarz  auf Creme  16,95:1   Gruen auf Creme   5,09:1
     Grau         auf Creme   5,46:1   Rot   auf Creme   5,59:1
     Grau         auf Sand    4,75:1   Gruen auf Weiss   5,35:1
     Papierweiss  auf Nacht  16,26:1   Rot   auf Weiss   5,88:1
     Grau hell    auf Nacht   5,99:1   Creme auf Gruen   5,09:1
     Alle Paare erreichen 4,5:1 und sind damit auch fuer Fliesstext zulaessig.
     --------------------------------------------------------------- */

  /* ---------------------------------------------------------------
     2 · TYPOGRAFIE
     Zwei Schriften, mehr nicht. Beide kostenlos (SIL Open Font License).
     --------------------------------------------------------------- */

  --ad-serif: "Lora", "Georgia", "Times New Roman", serif;       /* kursiv: Wortmarke, Titel */
  --ad-sans:  "Lato", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Freigegebene Schnitte — mehr gibt es nicht.
     Lato Light ist bewusst NICHT freigegeben: im Schriftsatz nicht enthalten,
     bei 6-7 pt Speisekartensatz unleserlich, und InDesign ersetzt fehlende
     Schnitte still — die Vorschau zeigt dann nicht den Druck. */
  --ad-w-regular:  400;
  --ad-w-semibold: 600;
  --ad-w-bold:     700;

  /* Schriftgrade Bildschirm */
  --ad-display: 3.00rem;  --ad-display-lh: 1.08;  /* Lora Italic, Startseite      */
  --ad-h1:      2.00rem;  --ad-h1-lh:      1.16;  /* Lora Italic                  */
  --ad-h2:      1.375rem; --ad-h2-lh:      1.25;  /* Lora Italic, gruen           */
  --ad-h3:      1.0625rem;--ad-h3-lh:      1.40;  /* Lato Bold                    */
  --ad-lead:    1.1875rem;--ad-lead-lh:    1.55;
  --ad-body:    1.0625rem;--ad-body-lh:    1.60;
  --ad-small:   0.8125rem;--ad-small-lh:   1.50;
  --ad-kicker:  0.6875rem;--ad-kicker-ls:  0.18em; /* Versal, gesperrt, Grau      */

  --ad-measure: 66ch;     /* max. Zeilenlaenge Fliesstext */

  /* Schriftgrade Druck — in Millimetern gedacht, in pt gesetzt.
     A5-Karte ist der enge Fall; A4 nutzt eine Stufe groesser. */
  --ad-print-name-a5:  7pt;   --ad-print-desc-a5:  5.8pt;
  --ad-print-name-a4:  9pt;   --ad-print-desc-a4:  7.5pt;
  --ad-print-cat:     13pt;   /* Kategorieueberschrift, Lora Italic */
  --ad-print-lh:       1.25;

  /* ---------------------------------------------------------------
     3 · RAUM
     Grundraster 8 px am Bildschirm, 4 mm im Druck.
     --------------------------------------------------------------- */

  --ad-s1: 0.25rem;  --ad-s2: 0.5rem;   --ad-s3: 0.75rem;
  --ad-s4: 1rem;     --ad-s5: 1.5rem;   --ad-s6: 2rem;
  --ad-s7: 3rem;     --ad-s8: 4rem;     --ad-s9: 6rem;

  --ad-radius:    2px;    /* sehr zurueckhaltend — die Marke ist nicht verspielt */
  --ad-radius-lg: 4px;
  --ad-line:      1px solid var(--ad-sand);
  --ad-line-strong: 2px solid var(--ad-green);

  --ad-maxwidth:  1120px;
  --ad-gutter:    1.25rem;

  /* ---------------------------------------------------------------
     4 · DRUCKMASSE (mm)
     --------------------------------------------------------------- */

  --ad-bleed:     3mm;    /* Anschnitt fuer die Druckerei          */
  --ad-safety:    5mm;    /* Sicherheitsabstand zum Endformat      */
  --ad-a5-w:    148mm;  --ad-a5-h:  210mm;
  --ad-a4-w:    210mm;  --ad-a4-h:  297mm;
  --ad-card-w:   85mm;  --ad-card-h: 55mm;   /* Visiten- und Stempelkarte */
}

/* Dunkle Flaechen: dieselben Rollen, andere Werte. Wird per Klasse gesetzt,
   nicht per Medienabfrage — der Umschlag ist immer dunkel, unabhaengig vom Geraet. */
.ad-dunkel {
  --ad-ink:   var(--ad-paper);
  --ad-cream: var(--ad-night);
  --ad-sand:  var(--ad-night-2);
  --ad-grey:  var(--ad-grey-up);
}