/* Fassung 2.1 · 30.09.2026 · Nr. 381S · Schwebe-Token (--schwebe-wunsch-*, Block am Ende) — Vorfassung 2 (05.09.2026, + Nr. 381 Tippziele) */ /* ========================================================================== X36 · renty-haut.css — die EINE Haut-Token-Datei des RentyAICommander (K-51) ========================================================================== Herkunft (INVENTAR Teil D, Empfehlung 1): CSS-Grundgerüst von nav-vorschau-v3_3 (dunkel) behalten, um helle Zweitwerte ergänzt (nav-vorschau-v4_1-Tagesstimmung), als EINE Datei — kein zweites Gehäuse für Hell/Dunkel (F-034). Regel (Spec § 4, Stempel § 1c Nr. 15): Schriftgröße läuft NUR über die eine Stellschraube --schrift. Kein Bauteil setzt hier oder im Gehäuse eine feste Pixelgröße für Schrift. Umschaltung: (Grundstellung) oder . Kein @media(prefers-color-scheme) — RentyDATA lehrt: die Haut ist ein bewusster Schalter, keine Geräte-Erbschaft (INVENTAR Teil D/C). Herausgelöst NIE kopiert: dieses Blatt ist der EINE Ort für Farbe/Maß/Rundung des Commander-Gehäuses. Module bringen nur Werte aus diesem Blatt ein (§ 3c). ========================================================================== */ :root{ /* ---- Schrift: die eine Stellschraube ---------------------------------- */ --schrift: 1; /* Stufe 0.8–1.5, Schritt 0.08 (RENTYDATA-Muster) */ --schrift-basis: 13px; /* Grundgröße vor Skalierung, wie v3_3/v4_1 */ --s: calc(var(--schrift-basis) * var(--schrift)); /* ---- Maße (v3_3, feste Bereiche laut INVENTAR Teil D) ------------------ */ --tipp-klein: 32px; /* Nr. 381 · kleinste Tippfläche für Mini-Knöpfe (wie rentydesk-dev/renty-haut.css) */ --feld-schrift-handy: 16px; /* Nr. 381 · iOS zoomt unter 16 px */ --top-h: 48px; --top-h2: 40px; /* zweite Kopfzeile (RentyMulti-Leiste, v4_1) */ --foot-h: 30px; --icon-w: 44px; /* Seitenleiste eingeklappt (Stempel P4/X23-Nachbarn) */ --mitte-w: 44px; /* Mittelleiste X1, senkrecht */ --rad: 5px; /* EIN Rundungswert (Empfehlung 1, gegen v4_1s 6–20px-Wildwuchs) */ --rad-panel: 10px; /* AIHelp-Panel, Legende, Karten — etwas weicher als --rad */ /* ---- Rollenfarben (v3_3, Grundstellung dunkel) -------------------------- */ --bg: #18181b; --surf: #1f1f23; --surf2: #27272c; --surf3: #2d2d34; --bord: #303036; --text: #d4d4d8; --text-hoch: #f4f4f5; --dim: #71717a; --c-root: #60a5fa; /* ⌂ Root */ --c-ast: #f87171; /* ● Ast-Spitze */ --c-up: #ffffff; /* ▲ eine Ebene hoch */ --c-dn: #34d399; /* ▼ eine Ebene runter */ --c-act: #6366f1; /* aktive Auswahl / Schnell-Aktion */ --c-warn: #f59e0b; --c-fehler: #ef4444; --ai-grad: linear-gradient(135deg,#4f46e5,#7c3aed,#a21caf); /* ---- RentyMulti-Einheiten: 7 Themenfarben (v4_1), unabhängig von Hell/Dunkel */ --e-teal: #14b8a6; --e-teal-l: #99f6e4; --e-teal-t: #042f2c; --e-blue: #3b82f6; --e-blue-l: #bfdbfe; --e-blue-t: #172554; --e-amber:#f59e0b; --e-amber-l:#fde68a; --e-amber-t:#451a03; --e-green:#22c55e; --e-green-l:#bbf7d0; --e-green-t:#052e16; --e-violet:#8b5cf6; --e-violet-l:#ddd6fe; --e-violet-t:#2e1065; --e-coral:#fb7185; --e-coral-l:#fecdd3; --e-coral-t:#4c0519; --e-gray: #94a3b8; --e-gray-l: #e2e8f0; --e-gray-t: #0f172a; /* ---- Lämpchen X5: Farbe + Zeichen (Fragezeichen-Regel gilt für beides) -- */ --lampe-gut: #34d399; --lampe-gut-z: "●"; --lampe-warn:#f59e0b; --lampe-warn-z:"▲"; --lampe-schlecht:#ef4444; --lampe-schlecht-z:"■"; --lampe-aus: #52525b; --lampe-aus-z: "○"; /* ---- Schatten / Ebenen -------------------------------------------------- */ --schatten-1: 0 1px 2px rgba(0,0,0,.35); --schatten-2: 0 8px 24px rgba(0,0,0,.45); --schatten-3: 0 16px 48px rgba(0,0,0,.55); --z-splitter: 20; --z-overlay: 60; --z-legende: 70; --z-aihelp: 80; --z-menue: 90; --z-toast: 100; --dauer-kurz: 120ms; --dauer-mittel: 200ms; } /* ---- Helle Zweitwerte (v4_1-Tagesstimmung, Empfehlung 1) ------------------ */ html[data-thema="hell"]{ --bg: #f0f2f0; --surf: #ffffff; --surf2: #f7f7f8; --surf3: #eceef0; --bord: #dcdfe3; --text: #27272a; --text-hoch: #0f0f11; --dim: #6b6f76; --c-root: #2563eb; --c-ast: #dc2626; --c-up: #18181b; --c-dn: #059669; --c-act: #4f46e5; --c-warn: #b45309; --c-fehler: #b91c1c; --schatten-1: 0 1px 2px rgba(15,15,17,.08); --schatten-2: 0 8px 24px rgba(15,15,17,.12); --schatten-3: 0 16px 48px rgba(15,15,17,.16); } /* ---- Schriftfamilie: v3_3-Muster (Apple-Systemstapel) -------------------- */ :root{ --schriftfamilie: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; } /* ---- ERGÄNZT 05.09.2026 (Nr. 132, AC-51 Reserve-Token + Abstände) ---------------------- Semantische Abstände und Reserve-Variablen: definiert, unbenutzt, kommentiert — damit ein späteres systemweites Design-Upgrade nur DIESE Datei anfasst (Alex: „Module die alle im Nachhinein systemweit auf einmal verbessert werden können"). Kein Bauteil setzt eigene Werte. */ :root{ --abstand-1: 4px; --abstand-2: 8px; --abstand-3: 12px; --abstand-4: 16px; --abstand-5: 24px; --abstand-6: 40px; --flaeche-1: var(--bg); --flaeche-2: var(--surf); --flaeche-3: var(--surf2); --flaeche-4: var(--surf3); --akzent-1: var(--c-act); --akzent-2: var(--c-root); --akzent-3: var(--c-fehler); --linie-1: var(--bord); --linie-2: var(--dim); --radius-s: var(--rad); --radius-m: var(--rad-panel); --radius-l: 16px; --reserve-farbe-1: #0000; --reserve-farbe-2: #0000; --reserve-farbe-3: #0000; --reserve-farbe-4: #0000; --reserve-farbe-5: #0000; --reserve-farbe-6: #0000; --reserve-farbe-7: #0000; --reserve-farbe-8: #0000; --reserve-mass-1: 0px; --reserve-mass-2: 0px; --reserve-mass-3: 0px; --reserve-mass-4: 0px; --reserve-schrift-1: var(--schriftfamilie); --reserve-schrift-2: ui-monospace, Consolas, monospace; --haut-fassung: "2.1 (30.09.2026 · Nr. 381S)"; } /* Dichte-Schalter (RentyData X9): — Grundstellung normal */ html[data-dichte="eng"]{ --abstand-2: 6px; --abstand-3: 8px; --abstand-4: 12px; --schrift-basis: 12px; } html[data-dichte="weit"]{ --abstand-2: 10px; --abstand-3: 16px; --abstand-4: 24px; --schrift-basis: 14px; } /* Haut-Schalter (RentyData): — heute nur Schriftstapel */ html[data-haut="windows"]{ --schriftfamilie: "Segoe UI", system-ui, sans-serif; --rad: 3px; } html[data-haut="android"]{ --schriftfamilie: Roboto, system-ui, sans-serif; --rad: 8px; } /* ========================================================================== Nr. 381S · 30.09.2026 · Schwebe-Token (Befund 381S — Alex: „schwarz auf schwarz … sowas darf nicht passieren … Systemweit !“) Wunschwerte für alle schwebenden Knöpfe und Symbole: ⌂ (renty-heim.js), PapaRenty, Freigabe-Männchen, Kreativix-Renty + Knopf „Bauwünsche“ (Prompt-Leiste), „?“ (renty-hilfe.js), „← Familienseite“ (familie/s/_zurueck.js). renty-schwebe.js liest sie, prüft JEDES Paar auf ≥ 4.5:1 (WCAG AA), schärft nötigenfalls nach und schreibt daraus --schwebe-grund/-grund-2/-text/-leise/-kante/-akzent/ -auf-akzent/-warn/-auf-warn/-gut/-link. Seiten ohne diese Haut (PhoneCleaner, Jules Seiten) bekommen dieselben Token aus ihren echten Farben. Regel: ein Bauteil nimmt Schrift und Grund IMMER als Paar aus derselben Quelle — nie --text der Seite + eigener Grund-Rückfall (das war die Ursache: #1f1f23-Rückfall + helles Thema = 1.07:1). ========================================================================== */ :root{ --schwebe-wunsch-grund: var(--surf); --schwebe-wunsch-text: var(--text-hoch); --schwebe-wunsch-leise: var(--text); /* nicht --dim: 3.67:1 auf --surf im Dunkel */ --schwebe-wunsch-akzent: #4f46e5; /* Dunkel: --c-act #6366f1 trägt Weiß nur mit 4.47:1 → Indigo 600 (6.29:1) */ --schwebe-wunsch-auf-akzent: var(--auf-akzent, #fff); --schwebe-wunsch-warn: var(--c-fehler); /* Dunkel 4.36:1 auf --surf → renty-schwebe.js schärft nach */ --schwebe-wunsch-gut: var(--c-dn); --schwebe-wunsch-link: var(--c-root); } html[data-thema="hell"]{ --schwebe-wunsch-akzent: var(--c-act); } /* #4f46e5 trägt Weiß mit 6.29:1 */