/* ===================================================================== System B · Tokens — die eine Quelle für alle RSA-Werkzeuge Kanonisiert aus Chronik + System-B-Spezimen (Juni 2026) und den vermessenen Briefvorlagen. Änderungen hier zuerst; tokens.json wird von tools/ds-lint.py gegen diese Datei geprüft (muss synchron sein). ===================================================================== */ :root { /* -- Grund: warmes Papier, Tinte ------------------------------------ */ --paper: #F6F2E9; /* Seitengrund */ --paper-hoch: #FFFFFF; /* erhöhte Flächen: Karten, Felder, Blatt */ --ink: #1C1A16; /* Text */ --ink-soft: #5C564B; /* Nebentext */ --ink-faint: #6E6757; /* Meta, Legenden */ --rule: #D8D0BF; /* Linien */ --rule-soft: #E6DFCF; /* leise Linien */ /* -- Akzent: das RSA-Rot (Bildschirm) ------------------------------- */ --accent: #B20000; --accent-tint: #F3E2DC; /* Akzent-Fläche, z. B. Warnhintergrund */ /* -- Zustände -------------------------------------------------------- */ --ok-bg: #EAEFE4; --ok-fg: #3C5A34; --warn-bg: #F9ECEA; --warn-fg: #8C1D18; /* -- Druckklimata (dokumentarisch; Print-Artefakte) ------------------ */ --print-rot: #B20000; /* Vorlagen C–E */ --print-grau: #706F6F; --print-rot-klassisch: #B31D23; /* Vorlagen A/B */ --print-grau-klassisch: #656263; --print-schwarz: #050605; /* -- Schrift --------------------------------------------------------- */ --schrift: 'Inclusive Sans', 'Helvetica Neue', Arial, sans-serif; --schrift-laut: 'IBM Plex Mono', ui-monospace, monospace; /* nur kursiv, sparsam */ /* -- Grade (System B: Fliesstext 1rem, Randnotiz 0.86rem) ------------ */ --grad-fein: 0.86rem; --grad-klein: 0.93rem; --grad-grund: 1rem; --grad-gross: 1.25rem; --grad-titel: 1.75rem; --zeile: 1.55; --zeile-eng: 1.3; /* -- Mass ------------------------------------------------------------ */ --measure: min(52ch, 100%); --note-w: 13rem; /* -- Raum (4er-Skala) ------------------------------------------------ */ --r1: 0.25rem; --r2: 0.5rem; --r3: 0.75rem; --r4: 1rem; --r6: 1.5rem; --r8: 2rem; --r12: 3rem; --r16: 4rem; /* -- Form ------------------------------------------------------------ */ --radius-s: 5px; --radius: 8px; --radius-g: 12px; --linie: 1px; } /* Dunkles Klima: automatisch oder erzwungen via */ @media (prefers-color-scheme: dark) { :root { --paper: #16140F; --paper-hoch: #1E1B15; --ink: #ECE6D8; --ink-soft: #A9A290; --ink-faint: #938C7C; --rule: #332F26; --rule-soft: #26221A; --accent: #E0654C; --accent-tint: #3A231D; --ok-bg: #26301F; --ok-fg: #A9C79A; --warn-bg: #3B2323; --warn-fg: #E8A19C; } } :root[data-thema="hell"] { --paper: #F6F2E9; --paper-hoch: #FFFFFF; --ink: #1C1A16; --ink-soft: #5C564B; --ink-faint: #6E6757; --rule: #D8D0BF; --rule-soft: #E6DFCF; --accent: #B20000; --accent-tint: #F3E2DC; --ok-bg: #EAEFE4; --ok-fg: #3C5A34; --warn-bg: #F9ECEA; --warn-fg: #8C1D18; } :root[data-thema="dunkel"] { --paper: #16140F; --paper-hoch: #1E1B15; --ink: #ECE6D8; --ink-soft: #A9A290; --ink-faint: #938C7C; --rule: #332F26; --rule-soft: #26221A; --accent: #E0654C; --accent-tint: #3A231D; --ok-bg: #26301F; --ok-fg: #A9C79A; --warn-bg: #3B2323; --warn-fg: #E8A19C; }