/**
 * BuildOne SPA design tokens.
 * Visual direction: ERPPro-style navy / action-blue / white / gray (captain mockup).
 * Light only — there is no theme switching.
 */
:root {
  color-scheme: light;
  --color-bg: #f0f2f5;
  --color-surface: #ffffff;
  --color-surface-muted: #f7f8fa;
  --color-sidebar: #1a1f36;
  --color-sidebar-text: #c5c9d6;
  --color-sidebar-active: #2563eb;
  --color-sidebar-hover: rgba(255, 255, 255, 0.08);
  --color-text: #1f2937;
  --color-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-accent: #2563eb;
  --color-accent-hover: #1d4ed8;
  --color-accent-soft: #eff6ff;
  --color-topbar: #ffffff;
  --color-footer: #ffffff;
  --color-danger: #dc2626;
  --color-success: #16a34a;
  --color-warning: #d97706;
  --color-info: #64748b;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --radius: 8px;
  --radius-sm: 6px;
  --font-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --sidebar-width: 240px;
  --sidebar-collapsed: 72px;
  --topbar-height: 56px;
  --footer-height: 36px;
  --right-panel-width: 320px;
  --z-overlay: 40;
  --z-sidebar: 50;
  --z-search: 60;
  --z-toast: 70;
}