/* Maisto Dining — Palette „Studio“ (Nicola 14.10.2026 abends: „nicht so gelblich, eher kalter Studio-Look … edler“).
   Ersetzt „Blu notte & Ottone“. Farben aus dem Ort selbst: Graphit wie die Nacht im Café, Beton wie die Theke,
   Edelstahl wie der Abzug über dem Ofen, Weiß wie die Maisto-Tassen. Kein Messing, kein Elfenbein, kein Gelb.
   Rot nur im Knopf (Maisto-Rot), nie als Fläche. Gleiche Werte wie das Café — eine Marke, eine Domain.
   Folge der Flächen: Graphit-Bühne → Studioweiß → Beton hell → Graphit-Fuß.
   Kontrast: doku/FARBEN.md (python3 gemeinsam/farben-pruefen.py catering).
   Schriften (Cormorant Garamond + Manrope) liegen im Kern, gemeinsam/schrift/. */
:root{
  --monogramm: "M";

  /* Nacht: Graphit */
  --n-grund:        #131517;
  --n-tief:         #0C0D0F;
  --n-schrift:      #E4E7EA;
  --n-hell:         #F4F6F7;
  --n-still:        #A4ABB2;

  /* Tag: Studioweiß und heller Beton */
  --t-grund:        #F3F4F4;
  --t-zweit:        #E7E9EA;
  --t-schrift:      #131517;
  --t-still:        #41474E;

  /* Knopf: Maisto-Rot, Schrift weiß */
  --akzent:         #A3241D;
  --akzent-hover:   #861D17;
  --akzent-schrift: #FFFFFF;
  --akzent-hell:    #C9CED4;   /* Zeichen auf dunkel: Edelstahl */
  --akzent-tag:     #131517;   /* Fokus auf hell: Graphit */

  /* Etiketten: Edelstahl auf dunkel, Schiefer auf hell */
  --zweit:          #B4BBC2;
  --zweit-tag:      #535A61;

  /* Zweite Akzentfarbe (Bauplan 5, Nicola 14.10.2026 abends: „Akzentfarben rein“): Petrol wie der Golf von
     Neapel — kalt und edel neben Graphit; Rot bleibt dem Knopf. Fläche nur für Bänder, sonst Linien und Etiketten. */
  --golf:           #1E4A53;
  --golf-tief:      #15363D;
  --golf-hell:      #9CC0C5;   /* auf Graphit und Petrol: Linien, Etiketten */
  --golf-tag:       #2B5F69;   /* auf hell: Etiketten, Kalender Sa/So */

  /* Dieselben Farben als Tripel für rgba() im Stilblatt */
  --golf-rgb:       30, 74, 83;
  --n-grund-rgb:    19, 21, 23;
  --n-hell-rgb:     244, 246, 247;
  --n-schrift-rgb:  228, 231, 234;
  --t-schrift-rgb:  19, 21, 23;
  --akzent-rgb:     163, 36, 29;
  --zweit-rgb:      180, 187, 194;
  --schatten-rgb:   5, 6, 7;

  /* Bühne ohne Foto: zwei Graphittöne, ruhiger Verlauf */
  --buehne-leer:
    radial-gradient(70% 60% at 70% 30%, rgba(var(--zweit-rgb), .10), rgba(var(--zweit-rgb), 0) 70%),
    linear-gradient(160deg, var(--n-grund) 0%, var(--n-tief) 75%);
}

/* Schrift: Cormorant Garamond 500 für H1/H2, Manrope für alles andere (Kern-Tokens).
   html:root ist spezifischer als :where(:root) im Kern und setzt sich durch. */
html:root{
  --dis: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
  --txt: "Manrope", "Helvetica Neue", Arial, system-ui, sans-serif;
  --dis-gewicht: 500;
  --f-text: 1.0625rem;                         /* 17 px */
  --f-h1: clamp(3.25rem, 6vw, 6rem);
  --f-h2: clamp(2.15rem, 1.3rem + 2.9vw, 3.5rem);
  --sp-etikett: .2em;
  --etikett-gewicht: 600;
}