/**
 * Wbot — design tokens (referência visual: dashboard SaaS roxo/azul, fundo cinza claro)
 */
:root {
  --wbot-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wbot-bg-app: #f1f5f9;
  --wbot-bg-sidebar: #f8fafc;
  --wbot-bg-card: #ffffff;
  --wbot-bg-topbar: #ffffff;
  --wbot-text-primary: #0f172a;
  --wbot-text-secondary: #475569;
  --wbot-text-muted: #94a3b8;
  --wbot-color-primary: #6366f1;
  --wbot-color-primary-dark: #4f46e5;
  --wbot-color-primary-soft: rgba(99, 102, 241, 0.12);
  --wbot-color-blue: #3b82f6;
  --wbot-color-green: #22c55e;
  --wbot-color-orange: #f59e0b;
  --wbot-color-pink: #ec4899;
  --wbot-color-danger: #ef4444;
  --wbot-color-warning: #f59e0b;
  --wbot-color-success: #22c55e;
  --wbot-color-info: #0ea5e9;
  --wbot-border-soft: #e2e8f0;
  --wbot-shadow-card: 0 4px 24px rgba(15, 23, 42, 0.06);
  --wbot-shadow-soft: 0 2px 12px rgba(15, 23, 42, 0.05);
  --wbot-radius-sm: 10px;
  --wbot-radius-md: 14px;
  --wbot-radius-lg: 18px;
  --wbot-radius-xl: 22px;
  --wbot-radius-2xl: 24px;
  --wbot-sidebar-width: 272px;
  --wbot-sidebar-width-collapsed: 76px;
  --wbot-topbar-height: 68px;
  --wbot-z-sidebar: 300;
  --wbot-z-backdrop: 250;
  --wbot-z-topbar: 200;
  --wbot-transition: 0.2s ease;
}