/* ── kw-tokens.css — geteilte Farb-Tokens ───────────────────────────────────── EINZIGE Quelle der Markenfarben für kaffeewissen.net UND die Baristaprofil- Seiten (/b/, gerendert von functions/b/[[path]].js — die bindet diese Datei per stabiler URL /css/kw-tokens.css ein und kennt Hugo-Fingerprints nicht). Deshalb liegt die Datei bewusst UNGEFINGERPRINTET in static/. Layout-/Typo-/Spacing-Tokens bleiben in themes/kaffee/assets/css/main.css. Theme-Umschaltung: data-theme="light|dark" auf , Wahl in localStorage['kw-theme'] — gleiche Domain ⇒ Hauptseite und /b/ teilen sie. */ :root, :root[data-theme="dark"] { /* Farben */ --bg: #2c3c34; --surface: #3d5447; --surface-2: #4a6054; --accent: #4ecb82; --accent-rgb: 78, 203, 130; --accent-dim: #3aad6a; --cream: #f0e5d0; --text: #e0d8cc; --text-dim: #a8bdb5; --sand: #e2cfa8; --warm: #c9b28c; --warm-dk: #b09070; --error: #e57373; --success: #4ecb82; /* Tint-RGB: Kontrastfarbe für subtile Borders/Hintergründe (weiß in dark, dunkel in light) */ --tint-rgb: 255, 255, 255; /* Deckkraft für Haarlinien-Trenner (dunkel auf Cream braucht mehr als weiß auf Grün) */ --hairline-a: 0.06; /* Schrift auf gefüllter Accent-Fläche (Status-Badges) — pro Theme kontrastgeprüft */ --on-accent: #0d1a12; /* Schattenfarbe: tiefes Grünschwarz statt reinem Schwarz */ --shadow-rgb: 10, 18, 14; /* Hero-Atmosphäre (Warmton-RGB + Deckkräfte) */ --hero-glow-warm-rgb: 226, 207, 168; --hero-glow-warm-a: 0.16; --hero-glow-accent-a: 0.14; /* Wiederverwendete Schatten */ --shadow-card: 0 2px 8px rgba(44, 60, 52, 0.10); /* Semantische Tokens */ --color-bg: var(--bg); --color-surface: var(--surface); --color-surface-2: var(--surface-2); --color-text: var(--text); --color-text-muted: var(--text-dim); --color-accent: var(--accent); --color-cta: var(--cream); --color-cta-text: #1e2e28; /* ── Baristaprofil (/b/) ── */ --p-deep: #22302a; /* Seitenhintergrund hinter der 1200px-Karte */ --p-ink: #1e2e28; /* Text auf Cream-Pills */ --p-faint: #7d9c8c; /* Karten-Icons, Fußnoten */ --p-text2: #e0d8cc; /* Sekundärtext auf Karten */ --p-hair: rgba(255, 255, 255, 0.08); --p-hair2: rgba(255, 255, 255, 0.14); --p-track: rgba(255, 255, 255, 0.08); /* Balken-Hintergrund */ --p-topbar: rgba(44, 60, 52, 0.92); /* sticky Topbar */ --p-overlay: rgba(28, 44, 36, 0.92); /* Hero-Bildkarten-Verlauf unten */ --p-art1: #35493d; /* Hero-Bildkarten-Hintergrund */ --p-art2: #243329; --p-locked-bg: rgba(255, 255, 255, 0.04); /* gesperrte Abzeichen-Kachel */ /* Beutel-Tints (Spiegel von --bean-* der App, Index = Bean.bagTint) */ --bean-0a: #3f5a3e; --bean-0b: #5c7a4a; --bean-1a: #5a4632; --bean-1b: #7a5a3a; --bean-2a: #4a4a5e; --bean-2b: #5e5a7a; --bean-3a: #8b3e2a; --bean-3b: #c85a3a; --bean-4a: #34534a; --bean-4b: #4e7a68; --bean-5a: #6d5e2b; --bean-5b: #9c8636; } /* ── Light Theme ─────────────────────────────────────────── */ :root[data-theme="light"] { --bg: #f5efe2; --surface: #ffffff; --surface-2: #ebe1cc; --accent: #1f7a47; --accent-rgb: 31, 122, 71; --accent-dim: #145a32; --tint-rgb: 44, 60, 52; --hairline-a: 0.10; --cream: #2c3c34; --text: #2c3c34; --text-dim: #5a6b62; --sand: #8a6a2a; --warm: #6b4f24; --warm-dk: #4a3618; --error: #b53939; --success: #1f7a47; --on-accent: #ffffff; --shadow-rgb: 44, 60, 52; --hero-glow-warm-rgb: 176, 144, 112; --hero-glow-warm-a: 0.30; --hero-glow-accent-a: 0.15; --color-bg: var(--bg); --color-surface: var(--surface); --color-surface-2: var(--surface-2); --color-text: var(--text); --color-text-muted: var(--text-dim); --color-accent: var(--accent); --color-cta: #2c3c34; --color-cta-text: #f5efe2; /* ── Baristaprofil (/b/) ── */ --p-deep: #ece3d0; --p-ink: #f5efe2; --p-faint: #8a978f; --p-text2: #3f4f47; --p-hair: rgba(44, 60, 52, 0.12); --p-hair2: rgba(44, 60, 52, 0.20); --p-track: rgba(44, 60, 52, 0.10); --p-topbar: rgba(245, 239, 226, 0.92); --p-overlay: rgba(44, 60, 52, 0.88); --p-art1: #e6dcc6; --p-art2: #d9cdb2; --p-locked-bg: rgba(44, 60, 52, 0.04); /* Beutel-Tints hell (Spiegel der Light-Werte aus der App) */ --bean-0a: #8fb27f; --bean-0b: #a9c894; --bean-1a: #c2a683; --bean-1b: #d3bb98; --bean-2a: #a9a8c2; --bean-2b: #c0bcd6; --bean-3a: #d29276; --bean-3b: #e2ac90; --bean-4a: #93c1b3; --bean-4b: #aed6c8; --bean-5a: #d2be76; --bean-5b: #e4d391; }