/*
 * PROJECT:pub — das Kleid (Beta 20; Schrift seit Beta 38: TeX Gyre Adventor statt Jost, Wortmarke PROJECT:pub). Geladen nur, wenn ein Kleid aktiv ist (inc/kleid.php: Datumsbereich oder Vorschau ?kleid=2|3).
 * Eine Schicht über der Bühne: Marke, Akzent, Schrift, Wortmarke, Tafeln. Die Familienfarben bleiben (Kleid 2) oder werden gedämpft (Kleid 3).
 * Tokens aus der Kleiderprobe (04./05.09.2026, kleider.json), Glut-Werte aus dem Review „Kleid × Bühne“ (12.09.2026) — alle Paare AA (Tiefton auf Fläche ≥ 5,3:1).
 */

/* TeX Gyre Adventor (GUST Font License / LPPL, lokal, Beta 38, 29.09.2026) — freie Avant-Garde-Verwandte, der Century Gothic nachempfunden;
 * gewählt am 28.09.2026 als freie Alternative zur Century-Gothic-Weblizenz (W9). Schnitte 400 und 700 (kein 300, kein 500 — die Gewichte unten sind entsprechend gesetzt).
 * Latin + Latin-Ext-Teilmenge als WOFF2 aus den OTF von tex-gyre 2.501; Lizenz: assets/fonts/LICENSE-TeXGyreAdventor.txt */
@font-face { font-family: "TeX Gyre Adventor"; font-style: normal; font-weight: var(--fw-regular); font-display: swap; src: url("../fonts/texgyreadventor-regular.woff2") format("woff2"); }
@font-face { font-family: "TeX Gyre Adventor"; font-style: normal; font-weight: var(--fw-bold); font-display: swap; src: url("../fonts/texgyreadventor-bold.woff2") format("woff2"); }
@font-face { font-family: "TeX Gyre Adventor"; font-style: italic; font-weight: var(--fw-regular); font-display: swap; src: url("../fonts/texgyreadventor-italic.woff2") format("woff2"); }
@font-face { font-family: "TeX Gyre Adventor"; font-style: italic; font-weight: var(--fw-bold); font-display: swap; src: url("../fonts/texgyreadventor-bolditalic.woff2") format("woff2"); }

/* ---- gemeinsam: Schrift, Wortmarke, Tafeln ------------------------------------------------ */
.sp-kleid-2, .sp-kleid-3 { --font-display: "TeX Gyre Adventor", "Century Gothic", "URW Gothic", Futura, "Twentieth Century", system-ui, sans-serif; --display-settings: normal; --display-weight: var(--fw-regular); --display-tracking: 0; }
.sp-kleid-2 .brand-name, .sp-kleid-3 .brand-name { font-weight: var(--fw-regular); letter-spacing: var(--ls-xs); }
.brand-x { color: var(--c-ink-soft); font-weight: var(--fw-regular); }
.brand-partner { letter-spacing: var(--ls-wide); font-weight: var(--fw-bold); } /* WEINWERK-Wortmarke: Bold, weit gesperrt — wie die Vorlage (28.09.2026) */
.brand-claim { display: block; font-family: var(--font-text); font-size: var(--fs-000); font-weight: var(--fw-medium); letter-spacing: var(--ls-sm); color: var(--c-ink-soft); margin-top: var(--s-1); }
.sp-kleid-2 .hero h1, .sp-kleid-3 .hero h1 { font-weight: var(--fw-regular); letter-spacing: var(--ls-snug); }
.sp-kleid-2 .quote p, .sp-kleid-3 .quote p { font-style: italic; font-weight: var(--fw-regular); } /* Adventor bringt eine Kursive mit — das Zitat darf wieder liegen */
.werkswein { --fam: var(--f-wein); --fam-deep: var(--f-wein-deep); }
.werkswein-card h2 { display: flex; align-items: center; gap: .1em; }
.werkswein-card .btn-row { margin-top: var(--s-4); }
.week { margin: var(--s-5) 0 0; color: var(--c-on-photo); text-shadow: var(--shadow-text-strong); font-family: var(--font-display); line-height: var(--lh-1); }
.week small { display: block; font-family: var(--font-text); font-size: var(--fs-000); letter-spacing: var(--ls-wide); text-transform: uppercase; font-weight: var(--fw-semibold); opacity: var(--o-85); margin-bottom: var(--s-1); }
.week b { font-size: var(--fs-4); font-weight: var(--fw-regular); } .week b span { font-size: var(--fs-2); opacity: var(--o-80); }
.log { margin-top: var(--s-6); padding: var(--s-5); border-radius: var(--radius-lg); background: var(--f-wein); }
.log .eyebrow { color: var(--f-wein-deep); } .log h2 { margin-bottom: var(--s-2); } .log h2 a { color: inherit; text-decoration: none; } .log h2 a:hover { text-decoration: underline; }
.log p { max-width: 60ch; } .log .meta { color: var(--c-ink); margin: 0; } .log .meta a { color: var(--f-wein-deep); }

/* ---- Kleid 2 · Doppelte Bühne: Fassade + Wein als Akzent, Familien geerbt ------------------- */
.sp-kleid-2 { --c-brand-soft: var(--p-claret-soft); --c-accent: var(--p-claret); --c-accent-ink: var(--p-claret); --c-accent-on-brand: var(--p-claret-light); --c-focus: var(--p-claret); }
@media (prefers-color-scheme: dark) { :root:not([data-scheme="light"]) .sp-kleid-2 { --c-brand-soft: var(--p-night-claret-soft); --c-accent: var(--p-night-claret); --c-accent-ink: var(--p-night-claret-ink); --c-accent-on-brand: var(--p-night-claret-ink); --c-cta-bg: var(--p-night-claret); --c-cta-fg: var(--p-night); --c-focus: var(--p-night-claret-ink); } }
:root[data-scheme="dark"] .sp-kleid-2 { --c-brand-soft: var(--p-night-claret-soft); --c-accent: var(--p-night-claret); --c-accent-ink: var(--p-night-claret-ink); --c-accent-on-brand: var(--p-night-claret-ink); --c-cta-bg: var(--p-night-claret); --c-cta-fg: var(--p-night); --c-focus: var(--p-night-claret-ink); }

/* ---- Kleid 3 · Winterquartier mit Glut: Stahl, Familien gedämpft, Wein als Signal ------------ */
/* Grundzustand dunkel (inc/kleid.php setzt data-scheme=dark ohne gespeicherte Wahl); die helle Fassung bleibt im Fuß wählbar */
.sp-kleid-3 {
  --c-paper: var(--p-steel-50); --c-paper2: var(--p-steel-50); --c-line: var(--p-steel-200); --c-line-strong: var(--p-steel-500); --c-ink: var(--p-steel-900); --c-ink-soft: var(--p-steel-700);
  --c-brand: var(--p-steel-800); --c-brand-ink: var(--p-steel-800); --c-brand-soft: var(--p-steel-100); --c-on-brand: var(--p-bone);
  --c-accent: var(--p-glut); --c-accent-ink: var(--p-glut-ink); --c-accent-on-brand: var(--p-glut-light); --c-cta-bg: var(--p-glut); --c-cta-fg: var(--p-white); --c-focus: var(--p-glut);
  --f-bier: var(--p-steel-bier); --f-bier-deep: var(--p-steel-700); --f-wein: var(--p-steel-wein); --f-wein-deep: var(--p-glut-ink); --f-kueche: var(--p-steel-kueche); --f-kueche-deep: var(--p-steel-700);
  --f-events: var(--p-steel-events); --f-events-deep: var(--p-steel-700); --f-tastings: var(--p-steel-tastings); --f-tastings-deep: var(--p-steel-700); --f-gutscheine: var(--p-steel-gutscheine); --f-gutscheine-deep: var(--p-steel-700);
  --f-line: var(--alpha-steel-18); --hero-shade: 15 17 19;
}
@media (prefers-color-scheme: dark) { :root:not([data-scheme="light"]) .sp-kleid-3 {
  --c-paper: var(--p-night-steel-950); --c-paper2: var(--p-night-steel-950); --c-line: var(--p-night-steel-800); --c-line-strong: var(--p-night-steel-500); --c-ink: var(--p-bone); --c-ink-soft: var(--p-night-steel-300);
  --c-brand: var(--p-night-steel-900); --c-brand-ink: var(--p-night-steel-200); --c-brand-soft: var(--p-night-steel-850); --c-on-brand: var(--p-bone);
  --c-accent: var(--p-night-glut); --c-accent-ink: var(--p-glut-light); --c-accent-on-brand: var(--p-glut-light); --c-cta-bg: var(--p-night-glut); --c-cta-fg: var(--p-night-steel-950); --c-focus: var(--p-glut-light);
  --f-bier: var(--p-night-steel-bier); --f-bier-deep: var(--p-night-steel-200); --f-wein: var(--p-night-steel-wein); --f-wein-deep: var(--p-glut-light); --f-kueche: var(--p-night-steel-kueche); --f-kueche-deep: var(--p-night-steel-200);
  --f-events: var(--p-night-steel-events); --f-events-deep: var(--p-night-steel-200); --f-tastings: var(--p-night-steel-tastings); --f-tastings-deep: var(--p-night-steel-200); --f-gutscheine: var(--p-night-steel-gutscheine); --f-gutscheine-deep: var(--p-night-steel-200);
  --f-line: var(--alpha-bone-20);
} }
:root[data-scheme="dark"] .sp-kleid-3 {
  --c-paper: var(--p-night-steel-950); --c-paper2: var(--p-night-steel-950); --c-line: var(--p-night-steel-800); --c-line-strong: var(--p-night-steel-500); --c-ink: var(--p-bone); --c-ink-soft: var(--p-night-steel-300);
  --c-brand: var(--p-night-steel-900); --c-brand-ink: var(--p-night-steel-200); --c-brand-soft: var(--p-night-steel-850); --c-on-brand: var(--p-bone);
  --c-accent: var(--p-night-glut); --c-accent-ink: var(--p-glut-light); --c-accent-on-brand: var(--p-glut-light); --c-cta-bg: var(--p-night-glut); --c-cta-fg: var(--p-night-steel-950); --c-focus: var(--p-glut-light);
  --f-bier: var(--p-night-steel-bier); --f-bier-deep: var(--p-night-steel-200); --f-wein: var(--p-night-steel-wein); --f-wein-deep: var(--p-glut-light); --f-kueche: var(--p-night-steel-kueche); --f-kueche-deep: var(--p-night-steel-200);
  --f-events: var(--p-night-steel-events); --f-events-deep: var(--p-night-steel-200); --f-tastings: var(--p-night-steel-tastings); --f-tastings-deep: var(--p-night-steel-200); --f-gutscheine: var(--p-night-steel-gutscheine); --f-gutscheine-deep: var(--p-night-steel-200);
  --f-line: var(--alpha-bone-20);
}
.sp-kleid-3 .eyebrow { letter-spacing: var(--ls-wide); }                                   /* Versalien-Überzeilen wie in der Kleiderprobe */
.sp-kleid-3 .today .eyebrow, .sp-kleid-3 section[aria-labelledby="ev-h"] .eyebrow, .sp-kleid-3 section[aria-labelledby="ta-h"] .eyebrow { color: var(--c-accent-ink); } /* das eine Signal auch in den Flächen */
.sp-kleid-3 .site-nav a[aria-current="page"] { box-shadow: inset 0 calc(-1 * var(--bw-strong)) 0 var(--c-accent); }
.sp-kleid-3 .hero .btn-primary { background: var(--c-cta-bg); color: var(--c-cta-fg); border-color: var(--c-cta-bg); } /* Signalrot auf dem Foto (hell 6,5:1, dunkel 5,3:1) — Weiß trüge im Winterquartier zu wenig */
.sp-kleid-3 .tag { background: color-mix(in srgb, var(--c-brand-soft) 70%, var(--c-paper)); }

/* ---- Kleid 6 · Etikett (Beta 23, 21.09.2026): Schwarz, Weiß, ein Grau — Claret als einziges Signal, es gehört dem WEINWERK ----------
 * Farbcode: knowledge/farbcode-projektpub-kleid-sw_v0.1.md (30 Paare AA, 0 Befunde). Familien pausieren (alle sechs = Grau · Fläche), nur Wein trägt Claret.
 * Ordnung ohne Farbe: Versal-Überzeilen, Haarlinien, Registerkante an sechs festen Positionen am rechten Kachelrand. Fotos einfarbig (Regel 6). Keine Rundungen.
 * Seit Beta 38: TeX Gyre Adventor 400 groß (kein 300-Schnitt — die Leichtigkeit kommt aus Größe und Weißraum); Atkinson für alles Lesbare bleibt. Weiß #FFFFFF statt Papier — Entscheidung S2 (Farbcode § 5). */
:is(.sp-kleid-6, .sp-kleid-7) {
  --font-display: "TeX Gyre Adventor", "Century Gothic", "URW Gothic", Futura, "Twentieth Century", system-ui, sans-serif; --display-settings: normal; --display-weight: var(--fw-regular); --display-tracking: var(--ls-snug);
  --radius: 0; --radius-lg: 0;
  --c-paper: var(--p-white); --c-paper2: var(--p-grey-50); --c-line: var(--p-grey-200); --c-line-strong: var(--p-grey-500); --c-ink: var(--p-grey-950); --c-ink-soft: var(--p-grey-700);
  --c-brand: var(--p-grey-950); --c-brand-ink: var(--p-grey-950); --c-brand-soft: var(--p-grey-100); --c-on-brand: var(--p-white);
  --c-accent: var(--p-claret); --c-accent-ink: var(--p-claret); --c-accent-on-brand: var(--p-night-claret); --c-cta-bg: var(--p-grey-950); --c-cta-fg: var(--p-white); --c-focus: var(--p-grey-950);
  --c-ok: var(--p-grey-850); --c-warn: var(--p-grey-700); --c-danger: var(--p-claret);
  --f-bier: var(--p-grey-100); --f-bier-deep: var(--p-grey-850); --f-wein: var(--p-claret); --f-wein-deep: var(--p-white); --f-kueche: var(--p-grey-100); --f-kueche-deep: var(--p-grey-850);
  --f-events: var(--p-grey-100); --f-events-deep: var(--p-grey-850); --f-tastings: var(--p-grey-100); --f-tastings-deep: var(--p-grey-850); --f-gutscheine: var(--p-grey-100); --f-gutscheine-deep: var(--p-grey-850);
  --f-line: var(--alpha-grey-950-18); --hero-shade: 10 10 10;
}
@media (prefers-color-scheme: dark) { :root:not([data-scheme="light"]) :is(.sp-kleid-6, .sp-kleid-7) {
  --c-paper: var(--p-grey-950); --c-paper2: var(--p-grey-900); --c-line: var(--p-grey-800); --c-line-strong: var(--p-grey-400); --c-ink: var(--p-grey-25); --c-ink-soft: var(--p-grey-300);
  --c-brand: var(--p-black); --c-brand-ink: var(--p-grey-25); --c-brand-soft: var(--p-grey-875); --c-on-brand: var(--p-grey-25);
  --c-accent: var(--p-night-claret); --c-accent-ink: var(--p-night-claret); --c-accent-on-brand: var(--p-night-claret); --c-cta-bg: var(--p-grey-25); --c-cta-fg: var(--p-grey-950); --c-focus: var(--p-grey-25);
  --c-ok: var(--p-grey-150); --c-warn: var(--p-grey-300); --c-danger: var(--p-night-claret);
  --f-bier: var(--p-grey-875); --f-bier-deep: var(--p-grey-150); --f-wein: var(--p-night-claret); --f-wein-deep: var(--p-grey-950); --f-kueche: var(--p-grey-875); --f-kueche-deep: var(--p-grey-150);
  --f-events: var(--p-grey-875); --f-events-deep: var(--p-grey-150); --f-tastings: var(--p-grey-875); --f-tastings-deep: var(--p-grey-150); --f-gutscheine: var(--p-grey-875); --f-gutscheine-deep: var(--p-grey-150);
  --f-line: var(--alpha-grey-25-20);
} }
:root[data-scheme="dark"] :is(.sp-kleid-6, .sp-kleid-7) {
  --c-paper: var(--p-grey-950); --c-paper2: var(--p-grey-900); --c-line: var(--p-grey-800); --c-line-strong: var(--p-grey-400); --c-ink: var(--p-grey-25); --c-ink-soft: var(--p-grey-300);
  --c-brand: var(--p-black); --c-brand-ink: var(--p-grey-25); --c-brand-soft: var(--p-grey-875); --c-on-brand: var(--p-grey-25);
  --c-accent: var(--p-night-claret); --c-accent-ink: var(--p-night-claret); --c-accent-on-brand: var(--p-night-claret); --c-cta-bg: var(--p-grey-25); --c-cta-fg: var(--p-grey-950); --c-focus: var(--p-grey-25);
  --c-ok: var(--p-grey-150); --c-warn: var(--p-grey-300); --c-danger: var(--p-night-claret);
  --f-bier: var(--p-grey-875); --f-bier-deep: var(--p-grey-150); --f-wein: var(--p-night-claret); --f-wein-deep: var(--p-grey-950); --f-kueche: var(--p-grey-875); --f-kueche-deep: var(--p-grey-150);
  --f-events: var(--p-grey-875); --f-events-deep: var(--p-grey-150); --f-tastings: var(--p-grey-875); --f-tastings-deep: var(--p-grey-150); --f-gutscheine: var(--p-grey-875); --f-gutscheine-deep: var(--p-grey-150);
  --f-line: var(--alpha-grey-25-20);
}
/* Schrift: groß und ruhig (Adventor 400); Überzeilen gesperrt in Versalien, ohne Familienfarbe */
:is(.sp-kleid-6, .sp-kleid-7) h1, :is(.sp-kleid-6, .sp-kleid-7) h2 { font-weight: var(--fw-regular); letter-spacing: var(--ls-snug); }
:is(.sp-kleid-6, .sp-kleid-7) h3, :is(.sp-kleid-6, .sp-kleid-7) h4, :is(.sp-kleid-6, .sp-kleid-7) .event-title, :is(.sp-kleid-6, .sp-kleid-7) .menu-list a { font-weight: var(--fw-regular); letter-spacing: var(--ls-snug); }
:is(.sp-kleid-6, .sp-kleid-7) .hero h1 { font-weight: var(--fw-regular); }
:is(.sp-kleid-6, .sp-kleid-7) .brand-name { font-weight: var(--fw-regular); letter-spacing: var(--ls-wide); text-transform: uppercase; font-size: var(--fs-1); }
:is(.sp-kleid-6, .sp-kleid-7) .brand-x { color: var(--c-accent); font-weight: var(--fw-regular); } /* das × ist der Besitzer des Signals */
:is(.sp-kleid-6, .sp-kleid-7) .brand-partner { font-weight: var(--fw-bold); letter-spacing: var(--ls-wide); }
:is(.sp-kleid-6, .sp-kleid-7) .eyebrow, :is(.sp-kleid-6, .sp-kleid-7) .section .eyebrow, :is(.sp-kleid-6, .sp-kleid-7) .card.botm .eyebrow, :is(.sp-kleid-6, .sp-kleid-7) .today .eyebrow { color: var(--c-ink-soft); letter-spacing: var(--ls-widest); font-weight: var(--fw-medium); }
:is(.sp-kleid-6, .sp-kleid-7) .werkswein .eyebrow { color: var(--f-wein-deep); }
:is(.sp-kleid-6, .sp-kleid-7) .quote p { font-style: italic; font-weight: var(--fw-regular); }
/* Ein Signal je Bildschirm: der Hauptknopf der Bühne und der Werkswein-Knopf in Claret; alle anderen Knöpfe Schwarz auf Weiß */
:is(.sp-kleid-6, .sp-kleid-7) .hero .btn-primary, :is(.sp-kleid-6, .sp-kleid-7) .werkswein .btn-secondary { background: var(--c-accent); color: var(--c-cta-fg); border-color: var(--c-accent); } /* cta-fg folgt dem Schema (hell Weiß, dunkel Schwarz) */
:is(.sp-kleid-6, .sp-kleid-7) .site-nav a[aria-current="page"] { box-shadow: inset 0 calc(-1 * var(--bw)) 0 var(--c-ink); }
:is(.sp-kleid-6, .sp-kleid-7) .band .btn-primary { background: var(--c-on-brand); color: var(--c-brand); border-color: var(--c-on-brand); }
/* Flächen ohne Rahmen und Rundung; Kacheln mit Registerkante (sechs feste Positionen: Biere 1 · Weine 2 · Küche 3 · Events 4 · Tastings 5 · Gutscheine 6) */
:is(.sp-kleid-6, .sp-kleid-7) .card, :is(.sp-kleid-6, .sp-kleid-7) .product, :is(.sp-kleid-6, .sp-kleid-7) .event-figure, :is(.sp-kleid-6, .sp-kleid-7) .notice-inline { border-color: var(--c-line); }
:is(.sp-kleid-6, .sp-kleid-7) .tile { overflow: hidden; }
:is(.sp-kleid-6, .sp-kleid-7) .tile::after { content: ""; position: absolute; right: 0; width: var(--dot-sm); height: 16.6%; background: var(--c-ink); top: calc(var(--reg, 0) * 16.6%); }
:is(.sp-kleid-6, .sp-kleid-7) .tile-biere { --reg: 0; } :is(.sp-kleid-6, .sp-kleid-7) .tile-weine { --reg: 1; } :is(.sp-kleid-6, .sp-kleid-7) .tile-kueche { --reg: 2; } :is(.sp-kleid-6, .sp-kleid-7) .tile-events { --reg: 3; } :is(.sp-kleid-6, .sp-kleid-7) .tile-tastings { --reg: 4; } :is(.sp-kleid-6, .sp-kleid-7) .tile-gutscheine { --reg: 5; }
:is(.sp-kleid-6, .sp-kleid-7) .tile-weine { color: var(--f-wein-deep); } :is(.sp-kleid-6, .sp-kleid-7) .tile-weine::after { background: var(--f-wein-deep); } /* die eine Claret-Fläche der Startseite */
:is(.sp-kleid-6, .sp-kleid-7) .tile:hover { background: color-mix(in srgb, var(--fam, var(--c-brand-soft)) 92%, var(--c-ink)); }
:is(.sp-kleid-6, .sp-kleid-7) .tag { background: var(--c-brand-soft); } :is(.sp-kleid-6, .sp-kleid-7) .tag-free { box-shadow: inset 0 0 0 var(--bw-hair) var(--c-line-strong); }
:is(.sp-kleid-6, .sp-kleid-7) .date-block { background: var(--c-brand-soft); }
:is(.sp-kleid-6, .sp-kleid-7) .status-pill::before { background: var(--c-ink); }
/* Zeichen statt Farbe: Bierfarbe nur als Messwert („12 EBC“), der Punkt entfällt; Weinart als Punkt in Claret-Ring mit Tonwert der Weinart (Rot dunkel, Rosé hell, Weiß leer) */
:is(.sp-kleid-6, .sp-kleid-7) .beer:not(.wine) .color-dot, :is(.sp-kleid-6, .sp-kleid-7).single-sp_beer .color-dot { display: none; }
:is(.sp-kleid-6, .sp-kleid-7) .color-dot { position: relative; background: transparent; box-shadow: inset 0 0 0 var(--bw-mid) var(--c-accent); overflow: hidden; }
:is(.sp-kleid-6, .sp-kleid-7) .color-dot::after { content: ""; position: absolute; inset: var(--s-05); border-radius: var(--radius-round); background: var(--sw); filter: grayscale(1); }
:is(.sp-kleid-6, .sp-kleid-7) .profile .dots i.on { background: var(--c-ink); }
/* Fotos einfarbig (Farbcode Regel 6) — bis eigene Schwarzweiß-Fotos vorliegen */
:is(.sp-kleid-6, .sp-kleid-7) .hero-media img, :is(.sp-kleid-6, .sp-kleid-7) .hero-media video, :is(.sp-kleid-6, .sp-kleid-7) .tile img, :is(.sp-kleid-6, .sp-kleid-7) .botm img, :is(.sp-kleid-6, .sp-kleid-7) .beer-photo, :is(.sp-kleid-6, .sp-kleid-7) .product-img, :is(.sp-kleid-6, .sp-kleid-7) .event-figure img, :is(.sp-kleid-6, .sp-kleid-7) .dish-photo, :is(.sp-kleid-6, .sp-kleid-7) .card img { filter: grayscale(1); }
:is(.sp-kleid-6, .sp-kleid-7) .hero .btn-primary:hover, :is(.sp-kleid-6, .sp-kleid-7) .werkswein .btn-secondary:hover { background: var(--c-ink); color: var(--c-paper); border-color: var(--c-ink); }

/* ---- Kleid 7 · Schwarz auf Weiß (Beta 28, 22.09.2026): Kleid 6 ohne Signal — Farbcode § 4 Spalten K7. Das ×, der Hauptknopf, der Werkswein und der Wein-Ring stehen in Schwarz (dunkel: Weiß);
 * auch die Familie Wein ist Grau · Fläche. Sonst gilt alles von Kleid 6 (die Regeln oben tragen beide Klassen). */
.sp-kleid-7 {
  --c-accent: var(--p-grey-950); --c-accent-ink: var(--p-grey-950); --c-accent-on-brand: var(--p-white); --c-cta-bg: var(--p-grey-950); --c-cta-fg: var(--p-white); --c-danger: var(--p-grey-950);
  --f-wein: var(--p-grey-100); --f-wein-deep: var(--p-grey-850);
}
@media (prefers-color-scheme: dark) { :root:not([data-scheme="light"]) .sp-kleid-7 {
  --c-accent: var(--p-grey-25); --c-accent-ink: var(--p-grey-25); --c-accent-on-brand: var(--p-grey-25); --c-cta-bg: var(--p-grey-25); --c-cta-fg: var(--p-grey-950); --c-danger: var(--p-grey-25);
  --f-wein: var(--p-grey-875); --f-wein-deep: var(--p-grey-150);
} }
:root[data-scheme="dark"] .sp-kleid-7 {
  --c-accent: var(--p-grey-25); --c-accent-ink: var(--p-grey-25); --c-accent-on-brand: var(--p-grey-25); --c-cta-bg: var(--p-grey-25); --c-cta-fg: var(--p-grey-950); --c-danger: var(--p-grey-25);
  --f-wein: var(--p-grey-875); --f-wein-deep: var(--p-grey-150);
}
.sp-kleid-7 .tile-weine { color: inherit; } .sp-kleid-7 .tile-weine::after { background: var(--c-ink); } /* keine Claret-Fläche: die Registerkante der Weine wie alle anderen */
.sp-kleid-7 .werkswein .eyebrow { color: var(--c-ink-soft); }
.sp-kleid-7 .hero .btn-primary, .sp-kleid-7 .werkswein .btn-secondary { background: var(--c-ink); color: var(--c-paper); border-color: var(--c-ink); }
.sp-kleid-7 .hero .btn-primary:hover, .sp-kleid-7 .werkswein .btn-secondary:hover { background: var(--c-paper); color: var(--c-ink); }

/* ---- Beta 53: Heute-Tafel und Rubrikzeilen im Kleid 6/7 — Fläche grau (über --f-events), Kante und Überzeile schwarz, keine Rundung (über --radius-lg) ---- */
:is(.sp-kleid-6, .sp-kleid-7) .tafel-head .eyebrow, :is(.sp-kleid-6, .sp-kleid-7) .tafel-rows .k { color: var(--c-ink-soft); letter-spacing: var(--ls-widest); font-weight: var(--fw-medium); }
:is(.sp-kleid-6, .sp-kleid-7) .tafel-rows a, :is(.sp-kleid-6, .sp-kleid-7) .tafel-foot a { color: var(--c-ink); }
:is(.sp-kleid-6, .sp-kleid-7) .rubrik-edge { background: var(--c-ink); }
:is(.sp-kleid-6, .sp-kleid-7) .rubrik-title { font-weight: var(--fw-regular); letter-spacing: var(--ls-snug); }
.sp-kleid-6 .rubrik-weine .rubrik-edge { background: var(--f-wein); } /* Kleid 6: die eine Claret-Kante gehört dem Wein */
:is(.sp-kleid-6, .sp-kleid-7) .quote-leitsatz { border-left-color: var(--c-ink); }
.sp-kleid-3 .tafel-head .eyebrow, .sp-kleid-3 .tafel-rows .k { color: var(--c-accent-ink); }