@import url('/gd-fonts-selfhosted.css'); /* Ee 260802: Google-Fonts-@import (fonts.googleapis.com) ENTFERNT -- Jens-Order 'alle Schriften lokal vorhalten und laden'. Stattdessen @import auf gd-fonts-selfhosted.css (self-hosted woff2 im /fonts/-Ordner, latin+latin-ext Subsets fuer DE/EN). Da JEDE Seite, die gdti-tokens.css laedt, dieses @import automatisch mitbekommt, muss KEINE einzelne Seite manuell angepasst werden. Kein externer Google-Request mehr sitewide. */ /* gdti-tokens.css — Design-Token-Angleich für Tools (KEIN Frame). Bringt Arbeits-Tools in die gdti-Familie: Brushed-Alu/Creme, Orange #FF6A00, Inter Tight, 2px-Borders, oK-Akzent. Workflow bleibt ungestört. Default = helle Creme-Welt (wie g--dtimes.ussume.com). */ :root{ /* MoAI 260717 — Root-Fallbacks fuer Gate/Seiten ohne data-theme; Werte entsprechen Default-Theme. */ --t-background: 40 33% 95%; --t-foreground: 30 20% 12%; --t-card: 42 40% 98%; --t-card-foreground: 30 22% 12%; --t-muted: 38 24% 88%; --t-muted-foreground: 30 18% 34%; --t-border: 30 18% 72%; --t-accent: 22 100% 50%; /* === CI-ORANGE — verbindlicher g--d-Markenton, EINE Quelle === */ --ci-orange:#ef6a23; --ci-orange-rim:#c85618; --ci-orange-soft:rgba(239,106,35,.12); --gdti-orange:#FF6A00; --gf-bg:#efe6d8; /* Seiten-HG creme */ --gf-bg-deep:#e3d8c6; /* etwas dunkler für Ränder/Leisten */ /* gebürstetes Alu (Jens 7.6.): feine vertikale Schliff-Linien + sanfter Quer-Verlauf. Licht kommt aus rechts-unten (vom oK) -> heller Pol unten-rechts. */ --gf-alu: repeating-linear-gradient(90deg, rgba(255,255,255,.10) 0 1px, rgba(90,60,20,.06) 1px 2px, transparent 2px 4px), radial-gradient(130% 140% at 90% 105%, #ece2cf 0%, #dccfb6 34%, #ccbd9f 62%, #beae8d 100%), linear-gradient(118deg, #bdae8d 0%, #d8caac 30%, #cabb99 60%, #e0d3b6 100%); --gf-panel:#faf6ee; /* heller HG hinter Texten/Karten (global creme; Alu nur lokal wo gewünscht) */ --gf-ink:#20201d; /* Text fast-schwarz */ --gf-ink-soft:#6f6a61; /* sekundär */ --gf-accent:#FF6A00; /* ===== Echtes gebuerstetes Edelstahl (Knobs+Fader) — Jens 7.6. ===== */ --gf-steel: conic-gradient(from 0deg, #fbfcfd 0deg, #c4c9ce 22deg, #f4f6f8 45deg, #aeb3b9 90deg, #f8fafb 135deg, #b8bdc3 180deg, #fbfcfd 205deg, #c0c5cb 250deg, #f4f6f8 290deg, #aeb3b9 330deg, #fbfcfd 360deg); --gf-steel-rim:#3b3f44; /* dunkler Metallrand */ --gf-knob-ring:#e6e8ea; /* heller Chrom-Aussenring (Vorlage); pro Theme ueberschreibbar */ --gf-steel-track: /* Fader-Rinne: gebuerstet, laengs */ repeating-linear-gradient(180deg, rgba(255,255,255,.07) 0 1px, rgba(0,0,0,.08) 1px 2px, transparent 2px 3px), linear-gradient(180deg, #6f757b 0%, #aab0b6 18%, #c6cbd0 50%, #9aa0a6 82%, #5c6166 100%); --gf-rule:#d9cdba; /* Trennlinien */ --gdti-font:'Inter Tight','Inter',system-ui,-apple-system,sans-serif; --font-inter:'Inter Tight','Inter',system-ui,-apple-system,sans-serif; /* KORREKTUR 260801-0335: erst als var(--gdti-font) angelegt, das zog H2/H3 versehentlich auf Bodoni Moda (holz ueberschreibt --gdti-font selbst). Jetzt fester Sans-Stack, theme-unabhaengig -- Body/ZUEen bleiben sans, nur H1 kann separat ueber --gdti-serif entscheiden. Ee 260731-2233/260801-0335 */ --gdti-serif:'Fraunces',Georgia,serif; /* NUR Heads/Mag — nicht Routine */ --font-serif: var(--gdti-serif); /* Ra 260802: --font-serif war sitewide NIRGENDS definiert, genutzt in gd-readfix.css .nc-head/.nc-score OHNE Fallback -> garantierter Times-Fallback. Alias auf --gdti-serif. */ --font-sans: var(--gdti-font); /* Ra 260802: gleiche Luecke, genutzt in gd-readfix.css .gf-act.aitool .ico.ki ohne Fallback. Alias auf --gdti-font. */ --gdti-radius:14px; --gdti-edge:2px solid #000; } /* Ra 260802: body.gdti-tokens{font-family:var(--gdti-font)} weiter unten greift NUR wenn die Klasse gdti-tokens traegt -- das ist auf KEINER Live-Seite der Fall (index.html hat data-style="times", standards.html hat class="standards-page"), wodurch WEDER body noch buttons/inputs/labels JEMALS die Marken-Schrift bekamen -- Fallback auf reinen Browser-Default-sans-serif sitewide (Root Cause fuer den KIbox/Standards-Fallback-Font-Bug, 260802 mit Jens verifiziert via computed-style-Check). Fix: unconditionale Basis-Regel als Sicherheitsnetz -- aendert NICHTS an den bestehenden .gdti-tokens-gated Regeln (Hintergrund/ Farbe bleiben bewusst opt-in fuer Tool-Seiten), ergaenzt nur die fehlende Font-Vererbung. */ html,body{font-family:var(--gdti-font);} button,.btn,input,select,textarea{font-family:var(--gdti-font);} /* dezentes Mini-Hexagon-Muster auf dem dunkleren HG */ body.gdti-tokens{ margin:0; background: var(--gf-bg-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48' viewBox='0 0 28 48'%3E%3Cpath d='M14 0l12 7v14l-12 7-12-7V7zM14 24l12 7v14l-12 7-12-7V31z' fill='none' stroke='%23000' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E"); color:var(--gf-ink); font-family:var(--gdti-font); font-weight:400; line-height:1.5; -webkit-font-smoothing:antialiased; } /* Inhalts-Container: heller HG hinter allen Texten */ body.gdti-tokens .gdti-surface, body.gdti-tokens .card, body.gdti-tokens .panel{ background:var(--gf-panel); color:var(--gf-ink); border:1px solid var(--gf-rule); border-radius:var(--gdti-radius); } /* Texte schwarz, Überschriften kräftig */ body.gdti-tokens h1, body.gdti-tokens h2, body.gdti-tokens h3{ color:var(--gf-ink); font-weight:800; letter-spacing:-.01em; } body.gdti-tokens p, body.gdti-tokens li, body.gdti-tokens label{ color:var(--auto-ink,var(--gf-ink)); } body.gdti-tokens .muted, body.gdti-tokens small{ color:var(--gf-ink-soft); } /* Links: unterstrichen + orange */ body.gdti-tokens a{ color:var(--gf-accent); text-decoration:none; } body.gdti-tokens a:hover{ color:#c9560f; } /* Buttons in gdti-Manier */ /* FIX 260727-0114 (Jens/Ee): :where() nimmt der Selektor-Kette die Spezifitaet (0,0,0), damit dieser generische Fallback-Reset NIE mehr echte Komponenten-Klassen (.gf-act, .gf-mood, .gdti-ok, .gf-critter, eigene .xyz-btn etc.) ueberschreibt. Vorher gewann "body.gdti-tokens button" (2 Element-Selektoren) per Spezifitaet gegen jede einfache Ein-Klassen-Komponente -- das war die Ursache fuer "Boxen um Buttons" + "Eier statt Kreise" sitework. Verhalten fuer wirklich unstylte