/*
 * Gemeinsame Design-Tokens aller NBBV-Webservices (Farben der Website nbbv.de).
 * Wird beim Deployment in jeden Service-Ordner als shared/ kopiert,
 * lokal ist <service>/shared ein Symlink auf diesen Ordner.
 * Wird von allen Diensten in diesem Repo eingebunden (Kopie in srbasar-frontend src/styles/nbbv.css, bei Änderung nachziehen).
 */

/* Schrift selbst gehostet (Source Sans 3, SIL Open Font License), keine Anfragen an Dritte */
@font-face { font-family: "Source Sans 3"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/source-sans-3-400.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/source-sans-3-600.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/source-sans-3-700.woff2") format("woff2"); }

:root {
    /* Markenfarben */
    --nbbv-navy:       #002e48;
    --nbbv-orange:     #d78300;

    /* Text und Flächen */
    --nbbv-text:       #1c2b35;
    --nbbv-muted:      #5a6a76;
    --nbbv-muted-2:    #7d8b95;
    --nbbv-line:       #d3dde4;
    --nbbv-input-line: #b9c6cf;
    --nbbv-soft:       #f1f5f8;
    --nbbv-soft-2:     #e8eff4;

    /* Status */
    --nbbv-danger:     #c62828;
    --nbbv-danger-bg:  #fdecea;
    --nbbv-ok:         #1d6b35;
    --nbbv-ok-bg:      #e6f2ea;

    /* Hinweise (Orange-Ton) */
    --nbbv-note-bg:    #fdf3e3;
    --nbbv-note-line:  #f0d3a3;
    --nbbv-note-text:  #7a4a00;

    /* Schriftgrößen: Grundschrift 16 / 15 / 14 px je nach Bildschirm (body in components.css),
       darüber nur diese Stufen. Keine eigenen Zwischengrößen in den Diensten. */
    --nbbv-fs-small:   0.85em;   /* Hinweise, Labels, Fußzeile, Tabellen im Dashboard */
    --nbbv-fs-lg:      1.15em;   /* Zwischenüberschriften, Kacheltitel */
    --nbbv-fs-title:   1.5em;    /* Seitentitel, Einstieg, große Kennzahlen */
    --nbbv-fs-xs:      0.75em;   /* nur Symbole (▼, ×) */

    --nbbv-radius:     5px;
    --nbbv-radius-pill: 999px;   /* nur Markierungen (Pillen) */

    /* Schatten: schwach für mitlaufende Leisten, stark für aufklappende Listen und Pop-ups */
    --nbbv-shadow:     0 2px 12px rgba(0, 46, 72, 0.08);
    --nbbv-shadow-lg:  0 6px 18px rgba(0, 46, 72, 0.18);
    --nbbv-font:       "Source Sans 3", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --nbbv-font-mono:  ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

/* Platz für die Scrollleiste immer freihalten: Wird eine Seite beim Benutzen länger oder kürzer als das Fenster
   (Inhalte laden nach, Bereiche klappen auf, Pop-up sperrt das Scrollen), springen sonst Breite und Seitenkopf */
:root { scrollbar-gutter: stable; }