/* BRAZSAFE visual tokens - additive architecture layer. */
:root {
  --bs-font-sans: Arial, Helvetica, sans-serif;
  --bs-font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --bs-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --bs-bg: #f4f7fb;
  --bs-bg-soft: #edf4fb;
  --bs-surface: #ffffff;
  --bs-surface-soft: #f8fafc;
  --bs-surface-blue: #f1f7ff;
  --bs-line: #dfe8f2;
  --bs-line-strong: #c8d6e5;

  --bs-ink: #0f172a;
  --bs-ink-soft: #243449;
  --bs-muted: #64748b;
  --bs-muted-2: #94a3b8;

  --bs-brand-900: #061421;
  --bs-brand-800: #0b2233;
  --bs-brand-700: #12364f;
  --bs-brand-600: #1e4a6c;
  --bs-blue-700: #1d4ed8;
  --bs-blue-600: #2563eb;
  --bs-cyan-500: #0ea5e9;
  --bs-teal-600: #0f766e;
  --bs-green-600: #059669;
  --bs-amber-600: #d97706;
  --bs-red-600: #dc2626;
  --bs-violet-600: #6d5dfc;

  --bs-radius-xs: 4px;
  --bs-radius-sm: 6px;
  --bs-radius-md: 8px;
  --bs-radius-pill: 999px;

  --bs-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --bs-shadow-sm: 0 6px 16px rgba(15, 23, 42, 0.07);
  --bs-shadow-md: 0 14px 34px rgba(15, 23, 42, 0.10);
  --bs-shadow-lg: 0 24px 70px rgba(15, 23, 42, 0.18);

  --bs-focus: 0 0 0 3px rgba(14, 165, 233, 0.22);
  --bs-speed-fast: 120ms;
  --bs-speed: 180ms;

  --bs-z-header: 100;
  --bs-z-sidebar: 1500;
  --bs-z-menu: 3000;
  --bs-z-drawer: 6000;
  --bs-z-overlay: 9000;
  --bs-z-modal: 9010;
  --bs-z-submodal: 10020;
  --bs-z-sensitive: 12000;
  --bs-z-alert: 20000;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --bs-speed-fast: 1ms;
    --bs-speed: 1ms;
  }
}