/*
 * BCSD Command Center – Design-Token (Basis-Schicht).
 *
 * Quelle: BCSD-Redesign-Konzept, Abschnitt 04 „Design-Tokens“ / Migration
 * Schritt 1. web_experience.py hängt diese Datei als ERSTES globales
 * Stylesheet in jede HTML-Antwort; sd-components.css folgt als letzte Instanz.
 *
 *  - Neue UI liest ausschließlich --bcsd-*. Kein Modul-Stylesheet soll mehr
 *    Hex-Werte direkt schreiben.
 *  - Die historischen Namen (--gold, --cream, --line, --ams-*, --sd-* …) werden
 *    unten auf die neuen Token gemappt – so wechselt jede Alt-Seite die
 *    Farbwelt, ohne dass ihr Template angefasst werden muss.
 *  - Schriften liegen lokal unter /static/fonts (Latin + Latin-Ext, woff2):
 *    Cinzel nur für Display, Barlow für die gesamte Bedienung, IBM Plex Mono
 *    für Dienstnummern, IDs, Zeiten und Beträge.
 */

@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/barlow-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:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/barlow-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:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/barlow-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}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/barlow-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:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/barlow-600-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:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/barlow-600-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:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/barlow-700-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:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/barlow-700-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:'Cinzel';font-style:normal;font-weight:500 700;font-display:swap;src:url('/static/fonts/cinzel-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:'Cinzel';font-style:normal;font-weight:500 700;font-display:swap;src:url('/static/fonts/cinzel-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('/static/fonts/plexmono-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:400;font-display:swap;src:url('/static/fonts/plexmono-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:500;font-display:swap;src:url('/static/fonts/plexmono-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}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/plexmono-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}

:root {
  /* ── Basispalette (Konzept 04) ─────────────────────────────────────────── */
  --bcsd-obsidian:#070806;      /* Obsidian Black     */
  --bcsd-charcoal:#11130F;      /* Charcoal           */
  --bcsd-green-deep:#071B13;    /* Deep Sheriff Green */
  --bcsd-green-uniform:#123224; /* Uniform Green      */
  --bcsd-forest:#18291F;        /* Forest Surface     */
  --bcsd-leather:#5B351D;       /* Leather Brown      */
  --bcsd-brass:#A97A24;         /* Antique Brass      */
  --bcsd-gold:#D6AA43;          /* Sheriff Gold       */
  --bcsd-gold-hi:#F2D27A;       /* Highlight Gold     */
  --bcsd-amber:#E8872E;         /* Sunset Amber       */
  --bcsd-sand:#C9AD7A;          /* Desert Sand        */
  --bcsd-cream:#F1E7CF;         /* Warm Cream         */
  --bcsd-sage:#9DAA98;          /* Muted Sage         */
  --bcsd-red:#B94A3D;           /* Danger Red (Flächen) */
  --bcsd-green-ok:#4F9A64;      /* Success Green      */

  /* ── Semantische Token ─────────────────────────────────────────────────── */
  --bcsd-bg-root:#070806;
  --bcsd-bg-brand:#071B13;
  --bcsd-surface-1:#11130F;     /* Karten, Panels, Tabellenkörper */
  --bcsd-surface-2:#18291F;     /* Tabellenkopf, Sidebar-Gruppe, aktiver Tab */
  --bcsd-surface-3:#0D0F0C;     /* Eingabefelder, Wells, Code */
  --bcsd-surface-brand:#123224;
  --bcsd-surface-warm:#5B351D;
  --bcsd-line:rgba(157,170,152,.18);
  --bcsd-line-2:rgba(157,170,152,.3);
  --bcsd-line-gold:rgba(214,170,67,.3);
  --bcsd-line-strong:#A97A24;
  --bcsd-accent:#D6AA43;
  --bcsd-accent-hi:#F2D27A;
  --bcsd-focus:#E8872E;
  --bcsd-live:#E8872E;
  --bcsd-focus-ring:0 0 0 3px rgba(232,135,46,.45);
  --bcsd-text-1:#F1E7CF;
  --bcsd-text-2:#9DAA98;
  --bcsd-text-3:#C9AD7A;
  --bcsd-text-4:#6F7A6B;
  --bcsd-danger:#B94A3D;
  --bcsd-danger-text:#E08A7E;
  --bcsd-success:#4F9A64;
  --bcsd-success-text:#8FCB9E;
  --bcsd-warning:#E8872E;
  --bcsd-warning-text:#F0A35E;
  --bcsd-status-frei:#4F9A64;
  --bcsd-status-streife:#E8872E;
  --bcsd-status-tuer:#C9AD7A;
  --bcsd-status-sg:#9DAA98;
  --bcsd-chart-1:#D6AA43;
  --bcsd-chart-2:#E8872E;
  --bcsd-chart-3:#4F9A64;
  --bcsd-chart-4:#C9AD7A;
  --bcsd-chart-5:#5B351D;
  --bcsd-shadow-1:0 2px 8px rgba(0,0,0,.55);
  --bcsd-shadow-2:0 18px 44px rgba(0,0,0,.55);
  --bcsd-overlay:rgba(7,8,6,.78);

  /* Raster & Radius: 4px-Basis */
  --bcsd-s-1:4px;--bcsd-s-2:8px;--bcsd-s-3:12px;--bcsd-s-4:16px;
  --bcsd-s-5:24px;--bcsd-s-6:32px;--bcsd-s-7:48px;--bcsd-s-8:72px;
  --bcsd-r-field:8px;--bcsd-r-card:12px;--bcsd-r-panel:14px;--bcsd-r-pill:999px;
  --bcsd-w-staff:1320px;--bcsd-w-ucp:1180px;--bcsd-w-read:860px;

  /* Schrift */
  --bcsd-font-ui:'Barlow',system-ui,'Segoe UI',sans-serif;
  --bcsd-font-display:'Cinzel',Georgia,'Times New Roman',serif;
  --bcsd-font-mono:'IBM Plex Mono',ui-monospace,Consolas,'Liberation Mono',monospace;

  /* Bewegung: 120 Hover/Fokus · 160 Tab/Panel · 220 Drawer/Modal */
  --bcsd-ease:cubic-bezier(.2,.8,.3,1);
  --bcsd-t-hover:120ms;--bcsd-t-panel:160ms;--bcsd-t-modal:220ms;

  /* Bereichsakzent – Staff = Sunset Amber (UCP/Academy/HR unten) */
  --bcsd-area:#E8872E;
  --bcsd-area-rgb:232,135,46;
  --bcsd-area-surface:#18291F;

  /* ── Brücke: historische Variablennamen → neue Token ───────────────────── */
  --bg-base:var(--bcsd-bg-root);
  --panel:var(--bcsd-surface-1);
  --panel-soft:rgba(17,19,15,.92);
  --line:var(--bcsd-line);
  --line-strong:#2E3A2C;
  --gold:var(--bcsd-accent);
  --gold-light:var(--bcsd-accent-hi);
  --gold-deep:var(--bcsd-brass);
  --cream:var(--bcsd-text-1);
  --muted:var(--bcsd-text-2);
  --muted-2:var(--bcsd-text-4);
  --danger:var(--bcsd-danger-text);
  --ok:var(--bcsd-success);
  --radius:var(--bcsd-r-card);
  --shadow:var(--bcsd-shadow-1);
  --glow-gold:0 0 0 1px rgba(214,170,67,.35);

  --sd-navy-950:#070806;--sd-navy-900:#0D0F0C;--sd-navy-800:#11130F;
  --sd-steel-700:#2E3A2C;--sd-steel-500:#9DAA98;
  --sd-ivory:#F1E7CF;--sd-sand:#C9AD7A;
  --sd-gold:#D6AA43;--sd-gold-hi:#F2D27A;--sd-gold-light:#F2D27A;--sd-gold-soft:rgba(214,170,67,.55);
  --sd-blue:#D6AA43;
  --sd-focus:#E8872E;
  --sd-mono:var(--bcsd-font-mono);
  --sd-ease:var(--bcsd-ease);--sd-fast:120ms;--sd-normal:220ms;

  --ams-bg:#070806;--ams-sidebar:#0B0D0A;
  --ams-surface:#11130F;--ams-surface-2:#161A14;--ams-surface-3:#1B2119;
  --ams-line:var(--bcsd-line);--ams-line-2:rgba(201,173,122,.4);
  --ams-text:#F1E7CF;--ams-text-dim:#9DAA98;--ams-text-faint:#6F7A6B;
  --ams-accent:#D6AA43;--ams-accent-soft:rgba(214,170,67,.14);
  --ams-gold:#D6AA43;--ams-gold-light:#F2D27A;--ams-info:#C9AD7A;
  --ams-ok:#4F9A64;--ams-warn:#E8872E;--ams-danger:#E08A7E;--ams-focus:#E8872E;
  --ams-btn2-bg:#123224;--ams-btn2-bg-hover:#18291F;--ams-btn2-border:rgba(214,170,67,.35);
  --ams-shadow:var(--bcsd-shadow-2);
}

/* Bereichsakzent: dieselbe Gold-Familie, unterschiedliche Temperatur.
   data-sd-area setzt static/sd-experience.js am <body>. */
body[data-sd-area="ucp"] { --bcsd-area:#7DBB8C; --bcsd-area-rgb:125,187,140; --bcsd-area-surface:#123224; }
body[data-sd-area="academy"],
body[data-sd-area="hr"] { --bcsd-area:#C9AD7A; --bcsd-area-rgb:201,173,122; --bcsd-area-surface:#1E2217; }
/* Detective Division: bewusst die EINZIGE kühle Temperatur – der Bereich soll
   sich auf den ersten Blick von den übrigen unterscheiden (siehe
   static/detective.css). */
body[data-sd-area="detective"] { --bcsd-area:#7FB4D6; --bcsd-area-rgb:127,180,214; --bcsd-area-surface:#122029; }