/* FIB Design-System: Tokens für FIB-Panel und Aktenstudio.
   Grundlage ist Variante D (Blau-Silber HUD, freigegeben von Leon am 25.10.2026).
   Ladebildschirm (#boot) nutzt Variante C: Klasse .fib-theme-c (am Ende dieser Datei). Anmeldung, Tagessequenz, Sperrbildschirm, Zugriffsprüfung (Zugangssperre), Onboarding-Hinweise und CID-Unterschrift nutzen seit 26.10.2026 den Stil A (Grundwerte dieser Datei, Variante D).
   Werte und Kontraste: panel-design/harmonie/ENTWURF.md (alle Paare mindestens 4,5:1, kleinste UI-Schrift 12 px).
   Die Dateien static/fib-brand.css und die Alias-Brücke unten halten die alten Variablennamen (--gold, --panel, --line ...) am Leben. */
:root {
  color-scheme: dark;

  /* Schriften */
  --fib-font-ui: 'FIB Sans', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --fib-font-head: 'FIB Sans', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --fib-font-serif: 'FIB Serif Display', 'FIB Serif', Georgia, serif;
  --fib-font-mono: 'FIB Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --fib-head-weight: 650;
  --fib-head-tracking: .01em;
  --fib-label-tracking: .2em;

  /* Flächen */
  --fib-bg: #030b1a;
  --fib-navy: #030b1a;
  --fib-glow1: rgba(40, 140, 240, .55);
  --fib-glow2: rgba(110, 90, 255, .18);
  --fib-grid: rgba(120, 190, 255, .11);
  --fib-surface: rgba(10, 32, 66, .46);
  --fib-surface-2: rgba(16, 48, 92, .55);
  --fib-surface-solid: #091f40;
  --fib-surface-solid-2: #0e2b57;
  --fib-bg-2: #061428;
  --fib-surface-hover: rgba(22, 60, 112, .62);
  --fib-field: rgba(3, 12, 28, .62);
  --fib-field-hover: rgba(6, 22, 46, .78);
  --fib-field-focus: rgba(4, 18, 40, .92);
  --fib-ink-rgb: 3, 12, 28;

  /* Linien */
  --fib-line: rgba(120, 190, 255, .34);
  --fib-line-strong: rgba(150, 215, 255, .70);
  --fib-edge: rgba(190, 230, 255, .26);

  /* Text */
  --fib-text: #f0f6fd;
  --fib-text-2: #cfdcec;
  --fib-muted: #a8bdd6;
  --fib-faint: #90a9c6;
  --fib-silver: #cfdcec;

  /* Akzent und Hervorhebung */
  --fib-accent: #9fd6ff;
  --fib-accent-rgb: 159, 214, 255;
  --fib-accent-ink: #04122a;
  --fib-accent-soft: rgba(130, 200, 255, .16);
  --fib-accent-dim: rgba(110, 170, 235, .35);
  --fib-soft: rgba(130, 200, 255, .16);
  --fib-ring: rgba(159, 214, 255, .45);
  --fib-hi: #9fd6ff;
  --fib-hi-soft: rgba(130, 200, 255, .16);

  /* Primärknopf */
  --fib-btn-bg: linear-gradient(180deg, #b6e2ff, #7cc2f5);
  --fib-btn-bg-hover: linear-gradient(180deg, #cdeaff, #92ceff);
  --fib-btn-ink: #04122a;
  --fib-btn-edge: rgba(255, 255, 255, .7);
  --fib-button: #7cc2f5;
  --fib-button-hover: #92ceff;

  /* Leuchten und Tiefe */
  --fib-glow: rgba(120, 200, 255, .60);
  --fib-glow-soft: rgba(120, 200, 255, .30);
  --fib-shadow: 0 24px 54px -24px rgba(0, 0, 0, .85);
  --fib-seal-glow: 0 0 36px rgba(110, 190, 255, .55);
  --fib-bracket: 1;

  /* Status (in allen Varianten gleich, nie nur über Farbe gezeigt) */
  --fib-ok: #6fdba6;
  --fib-warn: #f0bf62;
  --fib-danger: #ff8f88;
  --fib-info: #93bdff;
  --fib-ok-soft: rgba(95, 212, 155, .14);
  --fib-warn-soft: rgba(240, 185, 90, .14);
  --fib-danger-soft: rgba(255, 138, 130, .13);
  --fib-info-soft: rgba(143, 185, 255, .14);

  /* Maße */
  --fib-r-s: 6px;
  --fib-r-m: 10px;
  --fib-r-l: 14px;
  --fib-blur: 22px;
  --fib-head-h: 58px;
  --fib-side-w: clamp(236px, 14vw, 272px);   /* Menübreite wächst auf großen Bildschirmen (vorher fest 236px) */
  --fib-main-max: 2040px;                    /* maximale Inhaltsbreite (vorher 1560px) */
  --fib-main-pad: clamp(16px, 1.6vw, 36px);  /* seitlicher Abstand der Hauptspalte */
  --fib-gap: 16px;
  --fib-pad: 18px;
  --fib-fs-min: 12px;

  /* Alias-Brücke: bestehende Namen aus portal.css, fib-brand.css und dem Aktenstudio zeigen auf die neuen Tokens */
  --bg: var(--fib-bg);
  --ink: var(--fib-bg);
  --panel: var(--fib-surface);
  --panel2: var(--fib-surface-2);
  --panel-2: var(--fib-surface-2);
  --card: var(--fib-surface);
  --line: var(--fib-line);
  --border: var(--fib-line);
  --text: var(--fib-text);
  --cream: var(--fib-text);
  --muted: var(--fib-muted);
  --gold: var(--fib-accent);
  --gold2: var(--fib-text);
}

/* ---------- Variante C: Sperrbildschirme, Ladebildschirm, Anmeldung ---------- */
.fib-theme-c, #boot, .sp-hinweis-flaeche {
  --fib-font-head: 'FIB Serif Display', 'FIB Serif', Georgia, serif;
  --fib-head-weight: 600;
  --fib-head-tracking: 0;
  --fib-label-tracking: .14em;
  --fib-bg: #061224;
  --fib-glow1: rgba(46, 110, 190, .34);
  --fib-glow2: rgba(30, 70, 140, .22);
  --fib-grid: rgba(150, 190, 240, .035);
  --fib-surface: rgba(16, 40, 74, .58);
  --fib-surface-2: rgba(24, 56, 98, .62);
  --fib-surface-solid: #0d2340;
  --fib-surface-solid-2: #123055;
  --fib-surface-hover: rgba(30, 66, 112, .66);
  --fib-field: rgba(6, 18, 36, .55);
  --fib-field-hover: rgba(10, 28, 54, .7);
  --fib-field-focus: rgba(8, 24, 48, .85);
  --fib-line: rgba(150, 190, 235, .16);
  --fib-line-strong: rgba(150, 200, 245, .38);
  --fib-edge: rgba(200, 225, 255, .10);
  --fib-text: #eef3f9;
  --fib-text-2: #cdd8e5;
  --fib-muted: #a9bbcf;
  --fib-faint: #93a9c0;
  --fib-accent: #8fc2f0;
  --fib-accent-rgb: 143, 194, 240;
  --fib-accent-ink: #061224;
  --fib-accent-soft: rgba(110, 170, 235, .14);
  --fib-ring: rgba(143, 194, 240, .38);
  --fib-hi: #dcb865;
  --fib-hi-soft: rgba(220, 184, 101, .14);
  --fib-btn-bg: linear-gradient(180deg, #2c72b3, #1f5894);
  --fib-btn-bg-hover: linear-gradient(180deg, #3079bd, #2564a3);
  --fib-btn-ink: #ffffff;
  --fib-btn-edge: rgba(190, 225, 255, .45);
  --fib-glow: rgba(110, 175, 240, .30);
  --fib-glow-soft: rgba(110, 175, 240, .12);
  --fib-shadow: 0 18px 40px -22px rgba(0, 0, 0, .7);
  --fib-seal-glow: 0 0 28px rgba(120, 180, 240, .35);
  --fib-bracket: 0;
  --fib-r-s: 8px;
  --fib-r-m: 12px;
  --fib-r-l: 16px;
  --fib-blur: 14px;
  --bg: var(--fib-bg); --panel: var(--fib-surface); --panel2: var(--fib-surface-2); --panel-2: var(--fib-surface-2);
  --line: var(--fib-line); --text: var(--fib-text); --muted: var(--fib-muted); --gold: var(--fib-accent); --gold2: var(--fib-text);
  --linie: var(--fib-line); --linie2: var(--fib-line-strong); --text2: var(--fib-text-2); --muted2: var(--fib-faint); --feld: var(--fib-field);
}