@import url('/fonts.css'); /* TrioConsens Design-Tokens v3 — "Editorial Bankreife" Vereinheitlicht mit Landing-Page-Design (Fraunces, Navy, Gold). HELL ist Standard. Dunkel via . Eine Quelle für alle Seiten: Fraunces + IBM Plex Mono: Google Fonts bis Self-Hosting steht. */ :root { /* Flächen */ --bg: #F6F4EF; --bg2: #EDE9E0; --panel: #FFFFFF; --panel2: #EDF3F9; --border: #E4DFD2; --track: #ECE7DA; /* Marken-Farben */ --navy: #0A1E33; --navy-soft: #12304F; --blue: #14477E; --blue-wash: #EDF3F9; /* Gold */ --gold: #B0872C; --gold-b: #997236; --gold-m: #D9B45B; --on-gold: #FFFDF6; /* Text */ --text: #1A1A2E; --text2: #5A6272; --text3: #8B95AC; /* Status */ --green: #177C49; --amber: #A3541C; --red: #A83226; /* Typografie */ --serif: 'Fraunces', Georgia, 'Times New Roman', serif; --sans: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif; --mono: 'IBM Plex Mono', ui-monospace, monospace; } [data-theme="dark"] { --bg: #0A1E33; --bg2: #0E2742; --panel: #132D4E; --panel2: #183654; --border: #1E3D5E; --track: #0C1B2E; --navy: #0A1E33; --navy-soft: #12304F; --blue: #3A7BC8; --blue-wash: #0E2742; --gold: #D9B45B; --gold-b: #E9CE86; --gold-m: #9A7D3A; --on-gold: #141A2E; --text: #EAF0F8; --text2: #8B95AC; --text3: #5A6688; --green: #57BC80; --amber: #E0A151; --red: #F0645A; } /* Editorial-Grundmuster (überall nutzbar) */ .tc-kicker{font:500 10.5px/1 var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--text2)} .tc-kicker--gold{color:var(--gold)} .tc-serif{font-family:var(--serif);font-variant-numeric:oldstyle-nums} .tc-chip{font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid currentColor;white-space:nowrap;display:inline-block} .tc-chip--ok{color:var(--green)} .tc-chip--bald{color:var(--amber)} .tc-chip--kritisch{color:var(--red)} .tc-chip--zu{color:var(--text3)}