/* ==========================================================================
   brand.css – Vodafone Design-Tokens für Sales-Quality
   Zentrale Quelle für Schriften und Farben laut Vodafone Brand Guidelines.
   Immer diese Variablen nutzen – keine Hex-Werte direkt in Komponenten.
   ========================================================================== */

/* --- Schriften -------------------------------------------------------------
   Variable Font (Gewichtsachse 100–900) als Primärquelle – deckt alle
   Schnitte in einer Datei ab. Familienname überall: "Vodafone".
   Statische Schnitte liegen zusätzlich in assets/fonts/ als Fallback. */
@font-face {
    font-family: 'Vodafone';
    src: url('../fonts/VodafoneVF_Wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Statische Fallback-Schnitte (falls Variable Fonts nicht unterstützt werden) */
@font-face { font-family: 'Vodafone'; src: url('../fonts/Vodafone_XLt_A.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Vodafone'; src: url('../fonts/Vodafone_Lt_A.ttf')  format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Vodafone'; src: url('../fonts/Vodafone_Rg_A.ttf')  format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Vodafone'; src: url('../fonts/Vodafone_Md_A.ttf')  format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Vodafone'; src: url('../fonts/Vodafone_SBd_A.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Vodafone'; src: url('../fonts/Vodafone_Bd_A.ttf')  format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Vodafone'; src: url('../fonts/Vodafone_XBd_A.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Vodafone'; src: url('../fonts/Vodafone_Blk_A.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }

:root {
    /* --- Schrift-Stack ---------------------------------------------------- */
    --vf-font: 'Vodafone', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* --- Primärfarben ----------------------------------------------------- */
    --vf-red:        #E60000;  /* Vodafone Red   – PMS 485 / RAL 3020 */
    --vf-slate-grey: #25282B;  /* Vodafone Slate Grey */
    --vf-grey:       #4A4D4E;  /* Vodafone Grey  – PMS 425 / RAL 7043 */
    --vf-white:      #FFFFFF;  /* Vodafone White */

    /* --- Verlaufsfarben (Rot-Gradient) ------------------------------------ */
    --vf-dark-red:   #820000;  /* Vodafone Dark Red */
    /* --vf-red (#E60000) bildet das helle Ende des Verlaufs */

    /* --- Sekundärfarben (nur Akzente: Icons, Badges, Infografiken …) ------- */
    --vf-turquoise:    #00697C;
    --vf-aqua-blue:    #00B0CA;
    --vf-aubergine:    #5E2750;
    --vf-red-violet:   #9C2AA0;
    --vf-spring-green: #A8B400;
    --vf-fresh-orange: #EB6100;
    --vf-lemon-yellow: #FECB00;
    --vf-black:        #000000;

    /* --- Tabellenfarbe ---------------------------------------------------- */
    --vf-15-black:   #F2F2F2;  /* 15 % Black – Tabellen-Zebra o. Ä. */

    /* --- Semantische Tokens (Light Mode = Standard) ----------------------- */
    --bg:        var(--vf-white);
    --surface:   var(--vf-15-black);
    --fg:        var(--vf-slate-grey);
    --fg-muted:  var(--vf-grey);
    --accent:    var(--vf-red);
    --on-accent: var(--vf-white);
    --border:    #E4E4E4;
}

/* --- Dark Mode -------------------------------------------------------------
   Eigene Farbwerte laut Guidelines (Rot heller, damit auf Dunkel lesbar).
   Dark-Mode-Tokens einmal als Regelblock, angewendet über beide Signale:
   1) explizit via data-theme="dark", 2) System-Präferenz (sofern nicht
   ausdrücklich data-theme="light" gesetzt ist). */
:root {
    --vf-red-inverse:       #EA2F2F;  /* Vodafone Red Inverse (Dark Mode) */
    --vf-turquoise-dark:    #0096AD;  /* Turquoise (Dark Mode) */
    --vf-fresh-orange-warn: #EB9700;  /* Fresh Orange – Warnfarbe */
    --vf-red-text:          #F06666;  /* Rot für Text auf Dunkel */
}

:root[data-theme="dark"] {
    --bg:        var(--vf-slate-grey);
    --surface:   var(--vf-grey);
    --fg:        var(--vf-white);
    --fg-muted:  #C7C9CA;
    --accent:    var(--vf-red-inverse);
    --on-accent: var(--vf-white);
    --border:    #3A3D40;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg:        var(--vf-slate-grey);
        --surface:   var(--vf-grey);
        --fg:        var(--vf-white);
        --fg-muted:  #C7C9CA;
        --accent:    var(--vf-red-inverse);
        --on-accent: var(--vf-white);
        --border:    #3A3D40;
    }
}