/* Conecta Sales OS — design tokens (nível enterprise CRM) */
:root {
  /* Marca */
  --brand-50: #eff6ff;
  --brand-100: #dbeafe;
  --brand-500: #3b82f6;
  --brand-600: #2563eb;
  --brand-700: #1d4ed8;
  --brand-800: #1e40af;

  /* Neutros */
  --neutral-0: #ffffff;
  --neutral-50: #f8fafc;
  --neutral-100: #f1f5f9;
  --neutral-200: #e2e8f0;
  --neutral-300: #cbd5e1;
  --neutral-400: #94a3b8;
  --neutral-500: #64748b;
  --neutral-600: #475569;
  --neutral-700: #334155;
  --neutral-800: #1e293b;
  --neutral-900: #0f172a;
  --neutral-950: #0c1222;

  /* Semântica */
  --success: #16a34a;
  --success-soft: #dcfce7;
  --warning: #d97706;
  --warning-soft: #fef3c7;
  --danger: #dc2626;
  --danger-soft: #fee2e2;
  --info: #2563eb;
  --info-soft: #eff6ff;

  /* Tipografia */
  --font-sans: 'Inter', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --text-xs: .72rem;
  --text-sm: .8125rem;
  --text-base: .875rem;
  --text-md: .9375rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;

  /* Espaçamento */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* Raios */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* Elevação */
  --elevation-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);
  --elevation-2: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 10px 20px -5px rgba(15, 23, 42, .08);
  --elevation-3: 0 12px 32px -8px rgba(15, 23, 42, .12), 0 4px 12px rgba(15, 23, 42, .06);
  --elevation-focus: 0 0 0 3px rgba(37, 99, 235, .22);

  /* Motion */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --duration-fast: .14s;
  --duration-normal: .22s;

  /* Shell CRM */
  --crm-sidebar-w: 260px;
  --crm-topbar-h: 64px;
  --crm-sidebar-bg: linear-gradient(180deg, #0c1222 0%, #111827 48%, #0f172a 100%);
  --crm-sidebar-border: rgba(255, 255, 255, .06);
  --crm-sidebar-text: #94a3b8;
  --crm-sidebar-text-active: #f8fafc;
  --crm-sidebar-hover: rgba(255, 255, 255, .05);
  --crm-sidebar-active: rgba(37, 99, 235, .18);
  --crm-page-bg: #f4f6fb;
  --crm-border: #e2e8f0;
  --crm-accent: var(--brand-600);
  --crm-accent-hover: var(--brand-700);
  --crm-accent-soft: var(--brand-50);

  /* Hover / interação */
  --hover-bg: #f6f9ff;
  --hover-bg-muted: #f1f5f9;
  --hover-bg-strong: #eef3fa;
  --hover-border: var(--neutral-300);
  --hover-border-accent: #93c5fd;
  --hover-shadow-accent: rgba(37, 99, 235, .12);
  --primary-soft: var(--brand-50);
  --surface-muted: var(--neutral-100);
}

html[data-theme="dark"] {
  --crm-page-bg: #080d18;
  --crm-border: #2a3548;
  --crm-sidebar-bg: linear-gradient(180deg, #060a14 0%, #0c1222 100%);
  --crm-accent-soft: #1e3a5f;
  --brand-50: #1e3a5f;
  --brand-100: #1e3a5f;
  --info-soft: #1e3a5f;
  --success-soft: #14352a;
  --warning-soft: #3d3520;
  --danger-soft: #3d2020;
  --neutral-0: #1a2332;
  --neutral-50: #121a28;
  --neutral-100: #1a2332;
  --neutral-200: #243044;
  --neutral-300: #3d4f66;
  --hover-bg: #1a2740;
  --hover-bg-muted: #1a2332;
  --hover-bg-strong: #243552;
  --hover-border: #3d4f66;
  --hover-border-accent: rgba(96, 165, 250, .5);
  --hover-shadow-accent: rgba(37, 99, 235, .22);
  --primary-soft: #1e3a5f;
  --surface-muted: #1a2332;
  --elevation-1: 0 1px 2px rgba(0, 0, 0, .35);
  --elevation-2: 0 8px 24px rgba(0, 0, 0, .4);
  --elevation-3: 0 16px 48px rgba(0, 0, 0, .5);
}