/* ==========================================================================
   VIS-À-VIS · Bistro · Café · Sky Sportsbar — Marken-Tokens
   Palette direkt aus der Speisekarte abgeleitet: Cognac-Leder, Kreide-Creme,
   Kohle-Schwarz. Ernst & warm, Verspieltheit kommt aus Schrift + Comic —
   nicht aus lauter Farbe. Alle Marken-Werte leben hier.
   ========================================================================== */

:root {
  /* ---- Dunkel (Kohle / Espresso) ---------------------------------------- */
  --espresso:    #16110C;   /* dunkler Grundton (Hero, dunkle Bänder)        */
  --espresso-2:  #201811;   /* Karten auf dunkel                             */
  --espresso-3:  #2B2016;   /* Hover / Ränder auf dunkel                     */

  /* ---- Hell (Kreide-Creme / Plaster) ------------------------------------ */
  --cream:       #EFE9DD;   /* heller Grundton                               */
  --cream-2:     #E6DDCB;   /* zweite Fläche                                 */

  /* ---- Akzent (Cognac / Leder) ------------------------------------------ */
  --cognac:      #A75F30;   /* Primär-Akzent — Banner & Leder der Karte      */
  --cognac-hi:   #C27C48;   /* heller Leder-Glanz                            */
  --cognac-deep: #7C431F;   /* tiefes Cognac für Tiefe                       */
  --leather-gradient: linear-gradient(150deg, #B4713F 0%, #9C5527 48%, #7C431F 100%);

  /* ---- Text -------------------------------------------------------------- */
  --ink:        #221A12;    /* Text auf Creme                                */
  --muted:      #7B6A55;    /* Fließtext-Grau auf Creme                      */
  --chalk:      #F3EDE1;    /* Text auf dunkel                               */
  --chalk-dim:  #C1B29B;    /* Fließtext auf dunkel                          */

  --line:       rgba(243,237,225,.13);   /* Linien auf dunkel                */
  --line-ink:   rgba(34,26,18,.15);       /* Linien auf hell                 */

  /* ---- Schriften — lokal gehostet (assets/fonts/, @font-face unten) -----
     Century Gothic (geometrisch, Display + Body) & Georgia Brush (Pinsel-
     Skript für Kicker/Akzente). */
  --font-display: 'CenturyGothic', 'Century Gothic', 'Futura', 'Trebuchet MS', system-ui, sans-serif;
  --font-body:    'CenturyGothic', 'Century Gothic', 'Futura', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-script:  'GeorgiaBrush', 'Segoe Script', 'Brush Script MT', 'Bradley Hand', cursive;

  --h1: clamp(2.7rem, 7.6vw, 6rem);
  --h2: clamp(2rem, 4.6vw, 3.6rem);
  --h3: 1.4rem;
  --body: 1.04rem;

  --radius:    14px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  --container: 1200px;
  --section-pad: clamp(76px, 11vw, 150px);
  --blur: 14px;
}

/* ==========================================================================
   MARKEN-SCHRIFTEN — lokal gehostet (DSGVO, kein Google-Fonts-CDN).
   ========================================================================== */
@font-face {
  font-family: 'CenturyGothic';
  src: url('../assets/fonts/GOTHIC.TTF') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('../assets/fonts/GOTHICB.TTF') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('../assets/fonts/GOTHICI.TTF') format('truetype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('../assets/fonts/GOTHICBI.TTF') format('truetype');
  font-weight: 700; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'GeorgiaBrush';
  src: url('../assets/fonts/GeorgiaBrush.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}