/* ============================================================================= portslie — Marken-Tokens (Stand 24.09.2026) ⚠️ ERZEUGT von werkzeug/bauen.py aus werkzeug/farben.py. Nicht von Hand ändern — sonst stimmen Handbuch und Kontrasttabelle nicht mehr. Einbinden NACH /kern/grund.css. Überschreibt die Kern-Tokens --akzent, --akzent-tief, --auf-akzent, --akzent-r/g/b, --gut/--warn/--fehler, --schrift und --mono. Die Flächen (--ink, --midnight …) bleiben im Dunklen die des Kerns. Schriftpfade sind RELATIV zu dieser Datei: schrift/ muss neben tokens.css liegen (z. B. /statisch/marke/tokens.css + /statisch/marke/schrift/). Hell: nur über , NICHT über prefers-color-scheme. Der Kern ist dark-only (grund.css hat feste rgba(255,255,255,…)-Werte); ein automatischer Wechsel würde halb helle Seiten erzeugen. Die Markenfarbe ist bewusst NICHT grün. Grün heißt in portslie genau eine Sache: Stufe 3 bestätigt. Begründung im Handbuch (index.html, „Farbe"). ============================================================================= */ @font-face { font-family: "Atkinson Hyperlegible Next"; src: url("schrift/atkinson-hyperlegible-next-latin-ext.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: "Atkinson Hyperlegible Next"; src: url("schrift/atkinson-hyperlegible-next.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: "Atkinson Hyperlegible Mono"; src: url("schrift/atkinson-hyperlegible-mono-latin-ext.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: "Atkinson Hyperlegible Mono"; src: url("schrift/atkinson-hyperlegible-mono.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } :root { /* Marke: Kreide auf dunklem Grund */ --akzent: #ece6d8; --akzent-tief: #d4ccb9; --auf-akzent: #0b0f19; --akzent-r: 236; --akzent-g: 230; --akzent-b: 216; --gut: #34d1ad; --warn: #f2b33d; --fehler: #ff6b7d; --leise: #8a91a3; --gut-rgb: 52, 209, 173; --warn-rgb: 242, 179, 61; --fehler-rgb: 255, 107, 125; /* Markenwerte, unabhängig vom Thema */ --pl-kreide: #ece6d8; --pl-tinte: #12151c; --pl-papier: #f6f4ef; /* Schrift */ --schrift: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif; --mono: "Atkinson Hyperlegible Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --gewicht-text: 400; --gewicht-betont: 600; --gewicht-titel: 700; --gewicht-marke: 600; --laufweite-titel: -0.02em; /* Typografie-Skala (Grundgröße 16 px, ~1,25) */ --groesse-anzeige: clamp(2.5rem, 5.6vw, 4.25rem); --groesse-titel-1: clamp(2rem, 3.6vw, 2.75rem); --groesse-titel-2: 1.75rem; --groesse-titel-3: 1.25rem; --groesse-vorspann: 1.1875rem; --groesse-text: 1rem; --groesse-klein: 0.875rem; --groesse-fein: 0.75rem; /* Stufenpunkte: Durchmesser; Ring = 0,28 × Durchmesser, dünner Ring = 0,1 × (mind. 1 px) */ --stufe-punkt: 10px; --stufe-ring: 2.8px; --stufe-ring-duenn: 1px; } :root[data-thema="hell"] { color-scheme: light; --ink: #f6f4ef; --midnight: #ffffff; --panel: #efece5; --raised: #e4e0d6; --rand: #dcd6ca; --text: #12151c; --text-weich: #343944; --text-leise: #5b606c; --akzent: #12151c; --akzent-tief: #2b303b; --auf-akzent: #f6f4ef; --akzent-r: 18; --akzent-g: 21; --akzent-b: 28; --gut: #0a7b5e; --warn: #996100; --fehler: #b62046; --leise: #5b606c; --gut-rgb: 10, 123, 94; --warn-rgb: 153, 97, 0; --fehler-rgb: 182, 32, 70; }