/* =========================================================================
   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 C#-Seite des Themes (Components/Theme/PldProTheme.cs in Pldpro.Web)
   enthaelt dieselben Werte fuer die MudBlazor-Komponenten und muss bei
   Aenderungen mitgezogen werden.
   ========================================================================= */

/* -------------------------------------------------------------------------
   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).

   Inter und Manrope 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
   ------------------------------------------------------------------------- */

/* Manrope – Ueberschriften und UI-Labels, Gewichte 600/700 */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600 700;
    font-display: swap;
    src: url("fonts/manrope-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: 'Manrope';
    font-style: normal;
    font-weight: 600 700;
    font-display: swap;
    src: url("fonts/manrope-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;
}

/* Inter – Fliesstext und Tabelleninhalte, Gewichte 400/500/600 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("fonts/inter-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: 'Inter';
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("fonts/inter-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;
}

:root {
    /* Light Mode */
    --pld-brand-background: #F7F8FA;
    --pld-brand-surface: #FFFFFF;
    --pld-brand-border: #E2E5EA;
    --pld-brand-text-primary: #1A2027;
    --pld-brand-text-secondary: #5B6472;
    --pld-brand-primary: #1F6F78;
    --pld-brand-primary-hover: #17565D;
    --pld-brand-accent: #E8935B;
    --pld-brand-success: #2E9E5B;
    --pld-brand-info: #3B82C4;
    --pld-brand-error: #D64545;

    /* Typografie */
    --pld-font-heading: Manrope, "Segoe UI", Helvetica, Arial, sans-serif;
    --pld-font-body: Inter, "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;

    /* Kategorie-Farbstreifen (DESIGN.md, Abschnitt 1).

       Benannt nach der Farbe, nicht nach einer Kategorie: seit Phase 5b legt
       jeder Mandant seine Kategorien selbst an, eine feste Zuordnung
       "Vertrag = petrol" gibt es nicht mehr. Die Auswahl bleibt fest, 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);
}

/* Dark Mode: Statusfarben um ca. 12 % aufgehellt, gleiche Grundtoene.
   Gilt fuer Seiten ohne eigene Theme-Steuerung – in Pldpro.Web uebernimmt
   der Umschalter in der Topbar. */
@media (prefers-color-scheme: dark) {
    :root {
        --pld-brand-background: #12171C;
        --pld-brand-surface: #1A2128;
        --pld-brand-border: #2A323B;
        --pld-brand-text-primary: #E7EAEE;
        --pld-brand-text-secondary: #9AA5B1;
        --pld-brand-primary: #4FB3B0;
        --pld-brand-primary-hover: #6FC4C1;
        --pld-brand-accent: #EFA97A;
        --pld-brand-success: #3FB570;
        --pld-brand-info: #5A9AD4;
        --pld-brand-error: #E36565;
    }
}