/* ========================================================================= PLD Pro – gemeinsame Design-Tokens (DESIGN.md, Abschnitt 2 und 3) Diese Datei wird von BEIDEN Projekten eingebunden (Pldpro.Web und Pldpro.Marketing), damit Produkt und Vertriebswebseite optisch aus einem Guss wirken, ohne denselben UI-Stack zu teilen (siehe MARKETING-SITE.md, Abschnitt 2). Die Werte (Block zwischen den Markierungen ganz unten) werden aus shared/design-tokens/pldpro.tokens.json erzeugt, ebenso ihr C#-Gegenstueck fuer das MudTheme (Components/Theme/PldProTokens.g.cs in Pldpro.Web). Eine Farbe wird dort geaendert, nie hier; danach: dotnet run --project tools/Pldpro.DesignTokens Die @font-face-Regeln darunter bleiben handgeschrieben. Werte seit 29.08.2026: Werkstatt-Markenidentitaet (CHANGELOG-DESIGN.md, 27./29.08.2026) – zuerst nur in marketing/Pldpro.Marketing/wwwroot/site.css erprobt (Phase A), jetzt hierher uebernommen, weil Erik nach Pruefung auf Dev auch fuer die Produkt-App gruenes Licht gegeben hat (Phase B). site.css ueberschreibt fuer das Marketing-Dokument weiterhin die drei Statusfarben (Success/Info/Error) rein dekorativ – dort gibt es keine echte Statusbedeutung zu wahren, hier in der Produkt-App schon (CLAUDE.md). ========================================================================= */ /* ------------------------------------------------------------------------- Schriften – lokal ausgeliefert, bewusst nicht von fonts.googleapis.com (DESIGN.md, Abschnitt 7; MARKETING-SITE.md, Abschnitt 8). Eine Einbindung ueber Google Fonts wuerde die IP-Adresse jedes Besuchers an einen US-Anbieter uebertragen und damit dem beworbenen Datenstandort AT/EU und der Footer-Zusage "kein Tracking" widersprechen. Die Dateien liegen deshalb in shared/fonts/ und werden von beiden Projekten nach wwwroot/fonts/ kopiert (Content-Verweis in der jeweiligen .csproj). Bitter und Work Sans sind Variable Fonts: eine Datei deckt den gesamten Gewichtsbereich ab, deshalb die Bereichsangabe bei font-weight. IBM Plex Mono wird statisch ausgeliefert und braucht je Gewicht eine Datei. Herkunft, Version und Lizenz der Dateien: shared/fonts/README.md ------------------------------------------------------------------------- */ /* Bitter – Ueberschriften und UI-Labels, Gewichte 500/700/800 (variabel). Loeste Manrope am 29.08.2026 ab, als die Produkt-App der Werkstatt- Markenidentitaet folgte (Phase B, CHANGELOG-DESIGN.md) – bis dahin nur von Pldpro.Marketing eingebunden. */ @font-face { font-family: 'Bitter'; font-style: normal; font-weight: 500 800; font-display: swap; src: url("fonts/bitter-latin.woff2") format('woff2'); 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: 'Bitter'; font-style: normal; font-weight: 500 800; font-display: swap; src: url("fonts/bitter-latin-ext.woff2") format('woff2'); 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; } /* Work Sans – Fliesstext und Tabelleninhalte, Gewichte 400/500/600 (variabel). */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/work-sans-latin.woff2") format('woff2'); 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: 'Work Sans'; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/work-sans-latin-ext.woff2") format('woff2'); 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; } /* IBM Plex Mono – Metadaten (Groesse, Datum, Ids, Storage-Keys) */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/ibm-plex-mono-400-latin.woff2") format('woff2'); 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: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/ibm-plex-mono-400-latin-ext.woff2") format('woff2'); 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: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/ibm-plex-mono-500-latin.woff2") format('woff2'); 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: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/ibm-plex-mono-500-latin-ext.woff2") format('woff2'); 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; } /* */ /* Generiert aus shared/design-tokens/pldpro.tokens.json - nicht von Hand aendern. Neu erzeugen: dotnet run --project tools/Pldpro.DesignTokens */ :root { /* Light Mode, Werkstatt-Markenidentitaet (seit 29.08.2026 auch in der Produkt-App). Success/Info/Error bleiben konventionell Gruen/Blau/Rot, nur im Ton an die warme Palette angeglichen. */ --pld-brand-background: #E8E4DC; --pld-brand-surface: #F3EEE4; --pld-brand-border: #D9D2C2; --pld-brand-text-primary: #231F1A; --pld-brand-text-secondary: #6B6350; --pld-brand-primary: #231F1A; --pld-brand-primary-hover: #3A342C; --pld-brand-accent: #8C3F2A; --pld-brand-success: #3D7A45; --pld-brand-info: #2F6690; --pld-brand-error: #B3261E; /* Kategorie-Farbstreifen (DESIGN.md, Abschnitt 1). Benannt nach der Farbe, nicht nach einer Kategorie: jeder Mandant legt seine Kategorien selbst an. Verweise auf Rollen desselben Modus, damit der Dark Mode ohne Sonderfall funktioniert. */ --pld-cat-primary: var(--pld-brand-primary); --pld-cat-accent: var(--pld-brand-accent); --pld-cat-info: var(--pld-brand-info); --pld-cat-success: var(--pld-brand-success); --pld-cat-neutral: var(--pld-brand-text-secondary); /* DESIGN.md, Abschnitt 3. Die Schriftdateien liegen lokal in shared/fonts/. */ --pld-font-heading: "Bitter", "Georgia", "Times New Roman", serif; --pld-font-body: "Work Sans", "Segoe UI", "Helvetica", "Arial", sans-serif; --pld-font-mono: "IBM Plex Mono", ui-monospace, "Consolas", monospace; /* Typskala (DESIGN.md, Abschnitt 3). */ --pld-text-xs: 0.75rem; --pld-text-sm: 0.875rem; --pld-text-base: 1rem; --pld-text-lg: 1.25rem; --pld-text-xl: 1.5rem; --pld-text-2xl: 2rem; /* Eckenradius von Karten, Feldern und Knoepfen. */ --pld-radius-default: 8px; } /* Dark Mode: gleiche Rollen und Namen wie Light, Statusfarben um ca. 12 % aufgehellt bei gleichen Grundtoenen. Im CSS gilt er nur fuer Seiten ohne eigene Theme-Steuerung; in Pldpro.Web uebernimmt der Umschalter in der Topbar ueber das MudTheme. */ @media (prefers-color-scheme: dark) { :root { --pld-brand-background: #1B1815; --pld-brand-surface: #24201B; --pld-brand-border: #3A342C; --pld-brand-text-primary: #EDE8DF; --pld-brand-text-secondary: #B7AE9E; --pld-brand-primary: #EDE8DF; --pld-brand-primary-hover: #FFFFFF; --pld-brand-accent: #C1745A; --pld-brand-success: #5CB868; --pld-brand-info: #5FA0C9; --pld-brand-error: #E0685C; } } /* */