/* NEXORA CRM — tokens de diseño (claro / oscuro) */
:root {
  --primary: #2563EB;
  --primary-600: #1D4ED8;
  --primary-50: #EFF6FF;
  --primary-100: #DBEAFE;
  --deep: #172554;
  --violet: #7C3AED;
  --violet-50: #F5F3FF;
  --success: #10B981;
  --success-50: #ECFDF5;
  --warning: #F59E0B;
  --warning-50: #FFFBEB;
  --danger: #EF4444;
  --danger-50: #FEF2F2;
  --cyan: #0891B2;
  --cyan-50: #ECFEFF;

  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --surface-2: #F8FAFC;
  --surface-3: #F1F5F9;
  --border: #E2E8F0;
  --border-strong: #CBD5E1;
  --text: #0F172A;
  --text-2: #334155;
  --text-3: #64748B;
  --text-inv: #FFFFFF;

  /* Contraste AA para texto sobre fondos suaves */
  --blue-text: #1D4ED8;
  --green-text: #047857;
  --amber-text: #B45309;
  --red-text: #B91C1C;
  --violet-text: #6D28D9;
  --cyan-text: #0E7490;
  --gray-text: #475569;

  --gradient: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
  --gradient-soft: linear-gradient(135deg, rgba(37,99,235,.08), rgba(124,58,237,.08));

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px; --fs-md: 16px; --fs-lg: 20px; --fs-xl: 24px; --fs-2xl: 30px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px; --radius-xl: 20px;
  --shadow-xs: 0 1px 2px rgba(15,23,42,.05);
  --shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --shadow-md: 0 6px 16px -4px rgba(15,23,42,.10), 0 2px 6px -2px rgba(15,23,42,.06);
  --shadow-lg: 0 20px 40px -12px rgba(15,23,42,.22);
  --ring: 0 0 0 3px rgba(37,99,235,.35);

  --sidebar-w: 264px;
  --sidebar-w-collapsed: 72px;
  --topbar-h: 60px;
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur: .18s;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --primary: #3B82F6;
  --primary-600: #2563EB;
  --primary-50: rgba(59,130,246,.12);
  --primary-100: rgba(59,130,246,.2);
  --violet-50: rgba(139,92,246,.14);
  --success-50: rgba(16,185,129,.14);
  --warning-50: rgba(245,158,11,.14);
  --danger-50: rgba(239,68,68,.14);
  --cyan-50: rgba(6,182,212,.14);

  --bg: #0B1120;
  --surface: #111827;
  --surface-2: #0F172A;
  --surface-3: #1E293B;
  --border: #1F2A3D;
  --border-strong: #334155;
  --text: #F1F5F9;
  --text-2: #CBD5E1;
  --text-3: #94A3B8;

  --blue-text: #93C5FD;
  --green-text: #6EE7B7;
  --amber-text: #FCD34D;
  --red-text: #FCA5A5;
  --violet-text: #C4B5FD;
  --cyan-text: #67E8F9;
  --gray-text: #CBD5E1;

  --gradient-soft: linear-gradient(135deg, rgba(59,130,246,.14), rgba(139,92,246,.14));
  --shadow-xs: 0 1px 2px rgba(0,0,0,.4);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.45);
  --shadow-md: 0 8px 20px -6px rgba(0,0,0,.6);
  --shadow-lg: 0 24px 48px -12px rgba(0,0,0,.7);
  --ring: 0 0 0 3px rgba(96,165,250,.5);
  color-scheme: dark;
}