/* ==========================================================================
   Thema: Cafe Vision & Lounge (Linzer Straße 74, 1140 Wien) — echter Betrieb
   Gewählt über vars.THEMA = "cafevision". Tokens und Schriften, siehe
   „Design pro Kunde“ in styles.css (Punkt 6: Seitenbild und Rand im iframe).
   Seit 30.10.2026 (Hani: „Wandmuster gemischt mit schwarzen und grauschwarzen
   Flächen. So dass es einfach ist Text zu lesen“): Die Seite ist die
   Spachtelwand der Website (cafevision-wand.webp = assets/plaster.webp dort)
   unter einer dunklen Lasur, mindestens 80 % — so hält auch --muted an der
   hellsten Wandstelle 5,5:1. Text steht auf grauschwarzen Karten, Felder und
   Kopfleiste schwarz. Im iframe bleibt um die Karte ein Rand Wand sichtbar;
   der Rahmen auf der Website hat dafür keinen Innenabstand mehr.
   Akzent ist das Honiggold der Knöpfe (--licht der Website), gerade Kanten.
   Kontraste nachgerechnet; Druck regelt styles.css.
   ========================================================================== */

@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/BodoniModa-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/BodoniModa-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --paper:     #0A0C11;   /* Schwarz der Website (--nacht): Felder, unter der Wand */
  --paper-bild: linear-gradient(180deg, rgba(10,12,17,.9), rgba(10,12,17,.8) 45%, rgba(10,12,17,.9)),
                url("/assets/themen/cafevision-wand.webp");
  --rand-eingebettet: clamp(.75rem, 3.5vw, 1.75rem);
  --card:      #16171B;   /* Grauschwarz — Karten, Tabellen, Kopfleiste */
  --ink:       #F0E8DB;   /* auf --card 14,7:1, auf der Wand ab 11,0:1 */
  --ink-2:     #D6CEC2;   /* auf der Wand ab 8,6:1 */
  --accent:    #DDAE68;   /* Honiggold, auf --card 8,8:1 */
  --accent-2:  #F5DDB2;
  --accent-on: #0A0C11;   /* auf Gold 9,6:1 */
  --wash:      #202127;   /* eine Stufe heller: Hinweise, Zeilen beim Überfahren */
  --muted:     #ADA59A;   /* --grau der Website: auf --card 7,4:1, auf --wash 6,6:1, Wand ab 5,5:1 */
  --schema:    dark;

  /* Die Vorlagenwerte sind für helle Flächen und verschwinden auf Dunkel */
  --ok:        #8FD1A8;
  --warn:      #DDAE68;
  --bad:       #FF9E8F;

  /* Ränder von Knöpfen und Feldern ab 3,2:1 (auf --wash), feine Rahmen warm
     wie die Linien auf der Wand der Website (--wand-linie). */
  --line:      #776F64;
  --line-soft: #4A4239;

  --f-sans:  "Manrope", "Helvetica Neue", Arial, sans-serif;
  --f-serif: "Bodoni Moda", Georgia, "Times New Roman", serif;
  /* Die Website hat keine Mono-Schrift — Zeit- und Tagesknöpfe in der Textschrift */
  --f-mono:  "Manrope", "Helvetica Neue", Arial, sans-serif;

  --r:   0;
  --r-s: 0;
}

/* Im iframe steht kein Text direkt auf der Wand (Kopf und Einleitung stellt die Website),
   dort darf die Lasur leichter sein und die Wand mehr zeigen. */
:root.eingebettet {
  --paper-bild: linear-gradient(180deg, rgba(10,12,17,.8), rgba(10,12,17,.6) 45%, rgba(10,12,17,.8)),
                url("/assets/themen/cafevision-wand.webp");
}