/* Zentrale CI-Design-Tokens (betterprojects, Referenz betterprojects.de/ki-referenz).
   Einzige Quelle für Marken-Farben, Schriften und Abstände. Als :root gesetzt, damit die Werte
   in ALLE scoped .razor.css der RCLs und in Syncfusion kaskadieren. Neue Styles referenzieren die
   Tokens (var(--bp-…)) statt Magic-Hex; Bestand wird schrittweise umgestellt. */
:root {
    /* Primärfarben */
    --bp-yellow: #E6FF03;
    --bp-black: #121212;

    /* Akzent */
    --bp-blue: #0A2BFF;

    /* Sekundärfarben */
    --bp-light-grey: #FAFAFA;
    --bp-grey: #E7ECEF;
    --bp-off-white: #FDFCFC;
    --bp-white: #FFFFFF;

    /* Hilfsfarben */
    --bp-purple: #7E5BEF;
    --bp-deep-blue: #14344A;
    --bp-orange: #FF6B2D;
    --bp-petrol: #7CB4B8;

    /* Schriften: Headlines = Space Grotesk, Fließtext = Work Sans, Notfall-Ersatz Helvetica/Arial. */
    --bp-font-head: 'Space Grotesk', Helvetica, Arial, sans-serif;
    --bp-font-body: 'Work Sans', Helvetica, Arial, sans-serif;

    /* Abstands-Skala (Weißraum schafft Fokus). */
    --bp-space-1: 0.25rem;
    --bp-space-2: 0.5rem;
    --bp-space-3: 1rem;
    --bp-space-4: 1.5rem;
    --bp-space-5: 2rem;

    /* Scharfe Kanten per CI (keine Verläufe/Schatten, Signal durch Reduktion). */
    --bp-radius: 0;
    /* Weiche Kante NUR für große Flächen (Cards/Kacheln/Grid). Bewusst getrennt vom CI-Default 0,
       damit Steps/Auth scharf bleiben. Referenz: abgenommenes Reconciliation-Redesign. */
    --bp-radius-lg: 12px;
    /* Runde Controls (Buttons/Chips/Inputs) — bewusste Lockerung der CI-Regel „scharfe Kanten",
       abgenommen mit dem UI-Redesign Runde 2 (Vorlage-basierte Shell). */
    --bp-radius-ctl: 8px;

    /* Dunkle Arbeitsflächen (Reconciliation & folgende datenlastige Seiten). */
    --bp-surface: #0D1A29;                    /* Seiten-Hintergrund (Navy) */
    --bp-panel: rgba(255, 255, 255, 0.035);   /* Card-/Kachel-Fläche über dem Navy */
    --bp-panel-border: rgba(255, 255, 255, 0.08);
    --bp-panel-hover: rgba(255, 255, 255, 0.05);
    /* Solide Panel-Flächen der Shell (Sidebar/Topbar/Docks): eigene Fläche AUF dem Navy.
       Solide statt weiß-transparent, damit überlagerte/scrollende Inhalte keine Streifen bilden. */
    --bp-panel-solid: #12202F;
    --bp-panel-solid-2: #182839;              /* erhabene Fläche (Thead, Inputs, Karten auf Panel) */
    --bp-text: #E6EDF3;                        /* Vordergrund auf dunkler Fläche */
    --bp-text-muted: #8296A9;                 /* Labels, Sekundärtext */
    --bp-text-faint: #5E7183;                 /* Tertiärtext (Gruppen-Labels, ruhende Icons) */

    /* Semantische Signalfarben — getrennt vom Marken-Akzent (--bp-yellow). */
    --bp-credit: #4ADE80;                      /* Gutschrift / positiv */
    --bp-debit: #F26D5B;                       /* Ausgabe / negativ */
    --bp-saldo: #5B9BD5;                       /* neutraler Saldo */
    --bp-success: #42C06B;                     /* zugeordnet / erledigt */
    --bp-warn: #F0B429;                        /* teilweise / Achtung */
}