/* ========================================================================= the-o-squad -- DER MARKENSTAND FUER DIE PROGRAMME (marken-stand.css) ⚠⚠ ERZEUGT AUS marken/the-o-squad/ -- NICHT VON HAND AENDERN. Wer hier eine Zeile aendert, verliert sie beim naechsten Durchlauf von werkstatt/design/tokens-bau.py -- und merkt es nicht. Die Quelle ist das Depot (Konvention K1, marken/LIES-MICH.md). Seit Fahrplan-Etappe W2. WAS DIESE DATEI IST: der Markenstand in seinen EIGENEN Namen (--tos-papier, --tos-tinte, --tos-headline ...). Sie sagt nichts darueber, wo diese Werte in der Oberflaeche landen -- das tut die UEBERSETZUNGSSCHICHT oben in basis-suite1.css, die die Depot-Namen auf die Namen der Suite-Basis legt (--scene-a, --ink, --line ...). ⭐ Warum zwei Namenswelten und nicht eine: Das Depot benennt Rollen der MARKE und gilt fuer jede Marke, auch fuer Suite 2. Die Basis benennt Stellen einer OBERFLAECHE. Sie in einem Schritt gleichzuziehen waere ein Umbenennen von 61 Variablen in 249 Verwendungen -- viel Risiko fuer nichts. Die Uebersetzung kostet einen Block und ist jederzeit lesbar. SO WIRD SIE GELADEN (die eine Zeile, ganz oben in basis-suite1.css): @import url("/chrome/marken-stand.css"); ⭐⭐ SEIT W9 (20.08.2026) STEHT DIE KENNFARBE HIER DRIN -- und das ist die eigentliche Neuerung dieser Etappe. Hier stand bis dahin: „Die Kennfarbe steht hier NICHT drin, jede App setzt ihr Paar selbst" (Design-Verteilregister Nr. 7, Weg A). Das war der Grund, warum „Hermod bekommt Paar 5" ein Griff in fuenf Dateien in drei Projekten war statt einer Zeile im Depot. SO GEHT ES JETZT: Ein Programm traegt genau EIN Kennzeichen an seinem -Element -- seinen NAMEN, nie einen Farbwert: Die Bloecke ganz unten in dieser Datei machen daraus die Farbe. Die Kette ist Programm → Cluster → Paar und steht vollstaendig im Depot (akzente-zuordnung.json · akzente-cluster.json · akzente-palette.json). ⚠ DIE FARBE GEHOERT DEM CLUSTER, nicht dem einzelnen Modul (Christian, 19./20.08.2026). Ein Modul unterscheidet sich per Icon und Name; Farbe ist nie der einzige Bedeutungstraeger -- auch wegen Farbfehlsichtigkeit. Zuschnitt und Grenzfaelle: werkstatt/design/farb-cluster-module-v01-2026-08-20.md. ERST DER GRIFF, DANN DIE WERTE (W2-Prinzip): Namen stabil halten, Werte duerfen sich jederzeit aendern. Christian, 04.08.2026: Die beiden Schriften werden sich noch aendern -- ein zweiter und dritter Wechsel ist der Normalfall, nicht die Ausnahme. ========================================================================= */ /* ========================================================================= SCHRIFTDATEIEN -- die einzige @font-face-Stelle der Suite Erzeugt aus assets/schriften/schriften.json. Die Dateien liegen flach neben dieser CSS und werden von der gemeinsamen Route /chrome/ ausgeliefert -- kein Fremdserver, kein CDN. ========================================================================= */ @font-face{ font-family:"Petrona"; font-style:normal; font-weight:100 900; font-display:swap; src:url("/chrome/petrona-variabel-wght.woff2?v=16ffbbb1cc") format("woff2"); } @font-face{ font-family:"Manrope"; font-style:normal; font-weight:200 800; font-display:swap; src:url("/chrome/manrope-variabel-wght.woff2?v=a30ddcd349") format("woff2"); } :root { /* ---- farben.json --------------------------------------------------- */ --tos-papier: #f5f4ef; --tos-flaeche: #fffefa; --tos-stuetz: #f7f7f3; --tos-tinte: #111311; --tos-sekundaer: #656861; --tos-linie: #d9d9d1; --tos-linie-weich: #e9e8e1; --tos-akzent-a: #9aa7ad; --tos-akzent-b: #a9b6ae; --tos-d-papier: #101211; --tos-d-flaeche: #1B1F1D; --tos-d-stuetz: #171A18; --tos-d-tinte: #F3F2ED; --tos-d-sekundaer: #A9B0AB; --tos-d-linie: #2A2E2B; --tos-d-linie-weich: #202422; /* ---- schriften.json ------------------------------------------------ */ --tos-headline: 'Petrona', Georgia, serif; --tos-headline-weight: 500; --tos-headline-tracking: -0.035em; --tos-headline-leading: 0.98; --tos-subheadline: 'Manrope', -apple-system, 'Segoe UI', Roboto, sans-serif; --tos-subheadline-weight: 500; --tos-subheadline-tracking: -0.015em; --tos-subheadline-leading: 1.18; --tos-body: 'Manrope', -apple-system, 'Segoe UI', Roboto, sans-serif; --tos-body-weight: 400; --tos-body-tracking: 0; --tos-body-leading: 1.55; --tos-groesse-display: clamp(2.5rem, 6vw, 4.25rem); --tos-groesse-abschnitt: clamp(1.8rem, 3vw, 2.75rem); --tos-serif: var(--tos-headline); --tos-sans: var(--tos-body); /* ---- status.json --------------------------------------------------- */ --tos-erfolg: #08813B; --tos-warnung: #8B6A09; --tos-fehler: #D8220E; --tos-d-erfolg: #0CC057; --tos-d-warnung: #C0930C; --tos-d-fehler: #F24936; /* ---- bauteile.json ------------------------------------------------- */ --tos-button-hoehe: 44px; --tos-button-radius: 2px; --tos-button-kontur: 1px; --tos-button-motion-hin: 220ms; --tos-button-motion-zur: 310ms; --tos-echorahmen-versatz-x: 6px; --tos-echorahmen-versatz-y: 6px; --tos-echorahmen-staerke: 2px; --tos-echorahmen-radius: 0px; /* ---- bewegung.json ------------------------------------------------- */ --tos-motion-enter: 520ms; --tos-motion-return: 620ms; --tos-motion-distance: 24px; --tos-motion-ease: cubic-bezier(.22, 1, .36, 1); /* ---- akzente-palette.json ------------------------------------------ */ --app-01-a: #00D9EE; --app-01-b: #00E8BD; --app-02-a: #FF5A1F; --app-02-b: #FF9A3D; --app-03-a: #F20D3A; --app-03-b: #FF5A4E; --app-04-a: #A8F000; --app-04-b: #43E86D; --app-05-a: #8957FF; --app-05-b: #D43BFA; --app-06-a: #2567F4; --app-06-b: #00AEEF; --app-07-a: #FFC400; --app-07-b: #FFE35A; --app-08-a: #9AA7AD; --app-08-b: #A9B6AE; /* ---- _defaults/tokens/neutral.json -- der Rueckfallboden ---- */ /* 27 Rollen, die the-o-squad nicht selbst belegt (Konvention K3). Sie belegen zu lassen ist ein Wert im Depot, kein Eingriff hier. ⚠ akzent-a/-b stehen hier mit ihrem NEUTRALEN Grundwert. Ein Programm mit eigenem Paar ueberschreibt sie fuer sich (K4) -- seit W9 im Kennfarben-Block ganz unten in dieser Datei. */ --tos-zwischentitel: -apple-system, 'Segoe UI', Roboto, sans-serif; /* schrift */ --tos-zwischentitel-weight: 500; /* schrift */ --tos-zwischentitel-tracking: -0.005em; /* schrift */ --tos-zwischentitel-leading: 1.25; /* schrift */ --tos-groesse-zwischentitel: clamp(1.2rem, 1.8vw, 1.5rem); /* schrift */ --tos-groesse-body: 1rem; /* schrift */ --tos-button-flaeche: var(--tos-akzent-a); /* bauteil */ --tos-button-schrift: var(--tos-papier); /* bauteil */ --tos-button-kontur-farbe: transparent; /* bauteil */ --tos-button-flaeche-hover: var(--tos-papier); /* bauteil */ --tos-button-schrift-hover: var(--tos-tinte); /* bauteil */ --tos-button-echo-farbe: var(--tos-tinte); /* bauteil */ --tos-d-button-flaeche: var(--tos-akzent-a); /* bauteil */ --tos-d-button-schrift: var(--tos-papier); /* bauteil */ --tos-d-button-kontur-farbe: transparent; /* bauteil */ --tos-d-button-flaeche-hover: var(--tos-papier); /* bauteil */ --tos-d-button-schrift-hover: var(--tos-tinte); /* bauteil */ --tos-d-button-echo-farbe: var(--tos-tinte); /* bauteil */ --tos-d-button-fokus-farbe: var(--tos-tinte); /* bauteil */ --tos-button-hover-art: A; /* bauteil */ --tos-button-gegenweg: 0.4; /* bauteil */ --tos-button-echo-wachstum: 1.4; /* bauteil */ --tos-button-druck-versatz: 1px; /* bauteil */ --tos-button-fokus-staerke: 2px; /* bauteil */ --tos-button-fokus-abstand: 5px; /* bauteil */ --tos-button-fokus-farbe: var(--tos-tinte); /* bauteil */ --tos-button-gesperrt-deckkraft: 0.55; /* bauteil */ } /* ========================================================================= KENNFARBE JE PROGRAMM (Fahrplan-Etappe W9, 20.08.2026) Erzeugt aus akzente-zuordnung.json + akzente-cluster.json + akzente-palette.json. Ein Programm traegt seinen NAMEN am -Element (data-tos-programm="hermod") und bekommt seine Farbe von hier -- es traegt nie einen Farbwert (Konvention K4). ⭐ „Der Cluster Finanzen bekommt Paar 5" ist EINE geaenderte Zeile in akzente-cluster.json plus ein Lauf von werkstatt/design/tokens-bau.py. Kein Griff in eine App. ⚠ Ein Programm OHNE Kennzeichen sieht den Grundwert oben -- akzent-a faellt auf tinte zurueck, akzent-b auf sekundaer. Neutral IST bei the-o-squad der Zielzustand, nicht der Notzustand (Regel 2b des Depots). ========================================================================= */ :root { /* Grundwert: was ein Programm OHNE Paar sieht -- akzent-a in der Schreibweise, die rgba() braucht. Gerechnet, nicht gespeichert: eine Farbe, eine Stelle. --tos-akzent-a selbst steht oben bei den Werten aus farben.json und gilt in BEIDEN Saetzen. */ --tos-akzent-a-rgb: 154,167,173; } /* eitri -- Cluster „auftraege-projekte“, Paar app-02 („Black Forge“) */ :root[data-tos-programm="eitri"] { --tos-akzent-a: #FF5A1F; --tos-akzent-b: #FF9A3D; --tos-akzent-a-rgb: 255,90,31; } /* hermod -- Cluster „externe-kommunikation“, Paar app-01 („Obsidian & Aurora“) */ :root[data-tos-programm="hermod"] { --tos-akzent-a: #00D9EE; --tos-akzent-b: #00E8BD; --tos-akzent-a-rgb: 0,217,238; } /* hugin -- Cluster „auftraege-projekte“, Paar app-02 („Black Forge“) */ :root[data-tos-programm="hugin"] { --tos-akzent-a: #FF5A1F; --tos-akzent-b: #FF9A3D; --tos-akzent-a-rgb: 255,90,31; } /* snotra -- Cluster „daten“, Paar app-04 („Yggdrasil Acid“) */ :root[data-tos-programm="snotra"] { --tos-akzent-a: #A8F000; --tos-akzent-b: #43E86D; --tos-akzent-a-rgb: 168,240,0; }