/* ============================================================ Beirat Editorial Cinema — MOTION-TOKENS (tokens.css) ============================================================ DIES ist die eine Datei, in der Tempo, Licht und 3D-Tiefe des Motion-Systems justiert werden (aktiver Vertrag: docs/ARCHITECTURE.md). KALIBRIERUNG v2 (2026-07-03, Charles-Feedback «zu zahm, kein Erlebnis»): Deckkraefte, Tiefen-Separation, Sterngroesse/-tempo und Reveal-Weite deutlich angehoben — cinematic ist jetzt sichtbar filmisch, calm bleibt der ruhige Modus, die Leitplanken (Fliesstext/LCP/Epilepsie/RM) unveraendert. V3 «VOYAGE» (2026-07-03, DES-CINEMA-2, Charles-Direktiven 1-11): NEUE STUFEN-SEMANTIK — cinematic konserviert den v4-Stand (die :root-Werte unten), spectacle ist der Maximalausbau (der html[data-motion="spectacle"]- Override-Block). Charles schaltet per WP-Option zwischen beiden. Regeln: - Namespace --bc-* (kollisionsfrei zu beirat.css). - NUR Alpha-Varianten der bestehenden Brand-Farben (Bordeaux #7A2A38, Gold #B5904E, Cream #EDE7E3) — keine neuen Grundfarben. - Wird vom Loader INLINE in den gedruckt (kein Extra-Request). Was darf ich anfassen? | Wirkung ---------------------------------+------------------------------------------ --bc-dur-* | Tempo aller Effekte (fast=Mikro, cine=Rewards) --bc-glow-*, --bc-star-alpha | Lichtstaerke (Alpha runter = dezenter) --bc-watermark-opacity | Sichtbarkeit der Kompass-Wasserzeichen --bc-instrument-opacity | Deckkraft des Hero-3D-Instruments --bc-tilt-max | Neigung des Hero-Instruments (0deg = starr) --bc-card-tilt-max | 3D-Neigung der Karten bei Hover (0deg = aus) --bc-star-count-scale | Sterndichte (0.5 = halb so viele) --bc-drift-seconds | Raumflug-Tempo (Sekunden pro Durchflug; hoeher = ruhiger) Was fasse ich NIE an? | --bc-z-* (3D-Ebenen), Easings (Taktung der Site) ACHTUNG Theme-Hoheit: --bc-glow-accent, --bc-glow-media und --bc-watermark-opacity werden im Normalbetrieb von theme.css ueberstimmt (der Loader setzt data-bc-theme immer -> hoehere Spezifitaet). Dark-/Light- Werte dieser drei Tokens DORT tunen, nicht hier. ============================================================ */ :root { /* --- Tempo: eine Taktung fuer die ganze Site --- */ --bc-dur-fast: 180ms; /* Mikro-Interaktionen (== bestehender 0.18s-Hover) */ --bc-dur-base: 480ms; /* Reveals, Karten */ --bc-dur-slow: 900ms; /* Sektionsuebergaenge, Signal-Linien */ --bc-dur-cine: 1400ms; /* Rewards, Konstellations-Zeichnen */ --bc-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* Standard-Reveal */ --bc-ease-glide: cubic-bezier(0.4, 0, 0.2, 1); /* Nadel, Tilt, Parallaxe */ --bc-ease-signal: cubic-bezier(0.7, 0, 0.3, 1); /* Linien-Zeichnen, Sweeps */ /* --- Licht: Alpha-Varianten der echten Brand-Farben --- */ --bc-star-rgb: 237, 231, 227; /* = --text-on-dark #EDE7E3 */ --bc-star-alpha: 1; /* Grundhelligkeit der Canvas-Sterne */ --bc-glow-gold: rgba(181, 144, 78, 0.5); /* = --gold #B5904E, Ambient auf Dunkel */ --bc-glow-accent: rgba(122, 42, 56, 0.32); /* = Bordeaux, Akzente auf Hell */ --bc-line-gold: rgba(181, 144, 78, 0.75); /* Signal-Linien, Nadel-Puls */ --bc-glow-logo: rgba(181, 144, 78, 0.55); /* A3: Logo-Halo (spectacle hebt an) */ --bc-glow-media: var(--bc-glow-gold); /* C8: Medien-Glow (spectacle: Bordeaux auf hellen Inseln) */ --bc-watermark-opacity: 0.09; /* Kompass-Wasserzeichen (A4/A6) */ --bc-dot-scale: 1; /* Konstellations-Grid-Punkte (spectacle vergroessert) */ /* --- Geometrie & Tiefe --- */ --bc-reveal-distance: 26px; /* Reveal-Aufstieg (spuerbar, nie springend) */ --bc-stagger: 70ms; /* Versatz zwischen Karten einer Gruppe */ --bc-perspective: 1200px; /* 3D-Buehne Hero */ --bc-tilt-max: 8deg; /* harte Obergrenze Instrument-Neigung */ --bc-card-tilt-max: 3deg; /* Karten-3D bei Hover (site-weit) */ --bc-instrument-opacity: 0.45; /* Hero-3D-Instrument: filmisch praesent (v3) */ --bc-star-count-scale: 1.6; /* Sterndichte-Multiplikator */ --bc-drift-seconds: 14; /* Raumflug in den Dunkelzonen: fuehlbarer Flug */ --bc-z-back: -80px; /* B8: Bezel/Orbit-Ebene (doppelte Separation v2) */ --bc-z-mid: 0px; /* B8: Kompass-Rose */ --bc-z-front: 60px; /* B8: Nord-Marker + Zentrum */ /* --- Universum-Reise (v3/v4): Full-Page-Raum hinter dem Inhalt --- */ --bc-universe-count: 220; /* Sterne im Seiten-Raum (mobil halbiert) */ --bc-universe-alpha: 0.85; /* Stern-Helligkeit (der Raum ist seit v4 immer dunkel) */ --bc-universe-scroll: 0.00028; /* Flug-Kopplung: Z-Strecke pro Scroll-Pixel */ /* --- DEEP SPACE (v4, Charles-Freigabe «Galaxiefarben fuer die Gesamt- Website»): der Seitenraum selbst wird zur Galaxie, die Inhalte bleiben Beirat-Palette auf hellen Lese-Inseln. --- */ --bc-space-bg: #120E1A; /* Galaxie-Grund: tiefes Blauviolett */ --bc-nebula-1: rgba(88, 60, 140, 0.30); /* Nebel Violett */ --bc-nebula-2: rgba(122, 42, 56, 0.34); /* Nebel Bordeaux (Brand-Anker) */ --bc-nebula-3: rgba(46, 92, 118, 0.24); /* Nebel Petrol */ /* --- V3 K1 KOSMOS-PALETTE (Direktive 3, Referenz Galaxienbild): nur in bc-space-Zonen, im Seitenraum und im Warp-Overlay — Content-/Textflaechen bleiben zu 100 % Beirat-Palette (Direktive 5). --- */ --bc-cosmos-blue: rgba(64, 96, 168, 0.2); /* Tiefblau */ --bc-cosmos-violet: rgba(112, 72, 170, 0.22); /* Violett */ --bc-cosmos-teal: rgba(42, 128, 132, 0.18); /* Tuerkis */ --bc-cosmos-magenta: rgba(158, 62, 120, 0.18); /* Magenta */ --bc-cosmos-ember: rgba(196, 106, 50, 0.16); /* warmes Glut-Orange */ } /* ============================================================ V3 «VOYAGE» — SPECTACLE-MAXIMALAUSBAU (Charles-GO 2026-07-03) Nur auf data-motion="spectacle": Sichtbarkeits-Direktiven 6+7 («3D-Kompass unuebersehbar», «Leuchten muss sichtbar sein»). cinematic laesst diesen Block links liegen = konservierter v4-Stand. ============================================================ */ html[data-motion="spectacle"] { --bc-glow-gold: rgba(181, 144, 78, 0.85); /* Ambient-Gold klar sichtbar */ --bc-glow-accent: rgba(122, 42, 56, 0.6); /* Bordeaux-Stimme auf hellen Inseln (~3.3:1) */ --bc-line-gold: rgba(181, 144, 78, 0.9); --bc-glow-logo: rgba(181, 144, 78, 0.95); /* Logo-Halo: Peak > 5:1 auf Galaxie */ --bc-glow-media: rgba(122, 42, 56, 0.6); /* C8 auf hellen Inseln: Bordeaux statt Gold */ --bc-watermark-opacity: 0.16; --bc-dot-scale: 1.8; --bc-instrument-opacity: 0.8; /* B8: ~4.8:1 statt 2.2:1 */ --bc-tilt-max: 14deg; --bc-perspective: 900px; /* schaerfere 3D-Buehne */ --bc-card-tilt-max: 4deg; --bc-reveal-distance: 30px; } /* Dark Mode: Akzent-Glow folgt dem Rosé-Remap von beirat.css (#CE8B99). Gold bleibt in beiden Modi identisch — Gold ist die Ambient-Stimme des Raums. (Das v3-Residuum «star-alpha 0.9 im Dark» ist raus: seit v4 ist der Grund in BEIDEN Modi die dunkle Galaxie — dimmen war ein Altstand.) FALLBACK-Block: im Normalbetrieb wirkungslos, weil der Loader data-bc-theme immer setzt und theme.css diese Tokens mit hoeherer Spezifitaet redefiniert. Greift nur, falls theme.css fehlt/nicht laedt. Dark-Tuning -> theme.css. */ @media (prefers-color-scheme: dark) { :root { --bc-glow-accent: rgba(206, 139, 153, 0.32); --bc-watermark-opacity: 0.12; } html[data-motion="spectacle"] { --bc-glow-accent: rgba(206, 139, 153, 0.6); --bc-glow-media: rgba(206, 139, 153, 0.6); --bc-watermark-opacity: 0.2; } }