/**
 * Admin Control Plane — Design-Tokens (Redesign 2026)
 *
 * Bewusst admin-gescoped: NUR von public/admin.php und src/views/admin_bootstrap.php geladen,
 * NICHT Teil der gemeinsamen public/assets/css/variables.css (die auch die komplette Kunden-App
 * laedt). Verhindert jede Rueckwirkung auf die Haupt-App, waehrend admin.css exakt die Werte aus
 * dem Design-Handoff (.claude/Admin Control Plane Redesign/design_handoff_admin_control_plane/README.md)
 * bekommt. Muss NACH variables.css und VOR admin.css geladen werden.
 */

:root,
[data-theme="light"] {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #f1f3f6;
  --surface-3: #e8ecf2;
  --line: #e4e8ee;
  --line-2: #d3d9e2;
  --ink: #131b26;
  --ink-2: #4a5768;
  --ink-3: #7b8797;

  --brand: #1a4a7a;
  --brand-2: #2d6da8;
  --brand-ink: #ffffff;
  --brand-soft: rgba(26, 74, 122, .09);

  --ok: #0f9d70;
  --ok-soft: rgba(15, 157, 112, .12);
  --ok-line: rgba(15, 157, 112, .30);

  --warn: #b87500;
  --warn-soft: rgba(184, 117, 0, .12);
  --warn-line: rgba(184, 117, 0, .30);

  --bad: #d0342c;
  --bad-soft: rgba(208, 52, 44, .10);
  --bad-line: rgba(208, 52, 44, .30);

  --info: #2d6da8;
  --info-soft: rgba(45, 109, 168, .10);
  --info-line: rgba(45, 109, 168, .30);

  --logo-filter: none;

  /* Radien
     Das Admin-Panel folgt derselben Ecke wie die App - --radius aus
     variables.css, das davor geladen wird. Die sechs Stufen bleiben als
     Namen bestehen, damit admin.css unveraendert weiterlaeuft; sie zeigen
     aber alle auf denselben Wert. */
  --admin-radius-xs: var(--radius);
  --admin-radius-sm: var(--radius);
  --admin-radius-md: var(--radius);
  --admin-radius-lg: var(--radius);
  --admin-radius-xl: var(--radius);
  --admin-radius-2xl: var(--radius);
  --admin-radius-pill: var(--radius-pill);

  /* Elevation (nur schwebende Ebenen - Flaechen nutzen Linien, keine Schatten) */
  --admin-shadow-menu: 0 22px 48px -20px rgba(8, 15, 28, .45);
  --admin-shadow-modal: 0 32px 64px -24px rgba(8, 15, 28, .6);
  --admin-shadow-segment-active: 0 1px 2px rgba(16, 24, 40, .08);
  --admin-backdrop: rgba(8, 15, 28, .45);

  --admin-font-ui: 'Lexend Deca', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --admin-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
}

[data-theme="dark"] {
  --bg: #0b1017;
  --surface: #121a24;
  --surface-2: #18222e;
  --surface-3: #22303f;
  --line: #233040;
  --line-2: #33445a;
  --ink: #e8eef6;
  --ink-2: #a3b1c2;
  --ink-3: #72839a;

  --brand: #5b9dd6;
  --brand-2: #7ab4e4;
  --brand-ink: #08121e;
  --brand-soft: rgba(91, 157, 214, .14);

  --ok: #37c295;
  --ok-soft: rgba(55, 194, 149, .14);
  --ok-line: rgba(55, 194, 149, .32);

  --warn: #e0a13a;
  --warn-soft: rgba(224, 161, 58, .14);
  --warn-line: rgba(224, 161, 58, .32);

  --bad: #f0655c;
  --bad-soft: rgba(240, 101, 92, .13);
  --bad-line: rgba(240, 101, 92, .32);

  --info: #5b9dd6;
  --info-soft: rgba(91, 157, 214, .13);
  --info-line: rgba(91, 157, 214, .32);

  --logo-filter: brightness(0) invert(1) opacity(.88);

  --admin-backdrop: rgba(8, 15, 28, .55);
}