/* =========================================================
   SalesPro Design System — SPDS 1.0 / Tokens
   Version 3.2.6.40
   Fuente única de colores, tipografía, espacio, radios y elevación.
   ========================================================= */

:root {
  color-scheme: light;

  /* Brand — morado oscuro oficial */
  --sp-brand-950:#160B2D;
  --sp-brand-900:#241044;
  --sp-brand-800:#32145F;
  --sp-brand-700:#4C1D95;
  --sp-brand-600:#6D28D9;
  --sp-brand-500:#7C3AED;
  --sp-brand-400:#8B5CF6;
  --sp-brand-100:#EDE9FE;
  --sp-brand-50:#F5F3FF;

  /* Semánticos */
  --sp-success-700:#047857;
  --sp-success-600:#059669;
  --sp-success-100:#D1FAE5;
  --sp-success-50:#ECFDF5;
  --sp-warning-700:#B45309;
  --sp-warning-600:#D97706;
  --sp-warning-100:#FEF3C7;
  --sp-warning-50:#FFFBEB;
  --sp-danger-700:#B91C1C;
  --sp-danger-600:#DC2626;
  --sp-danger-100:#FEE2E2;
  --sp-danger-50:#FEF2F2;
  --sp-info-700:#0369A1;
  --sp-info-600:#0284C7;
  --sp-info-100:#E0F2FE;
  --sp-info-50:#F0F9FF;

  /* Neutros */
  --sp-neutral-950:#090E1A;
  --sp-neutral-900:#0F172A;
  --sp-neutral-800:#1E293B;
  --sp-neutral-700:#334155;
  --sp-neutral-600:#475569;
  --sp-neutral-500:#64748B;
  --sp-neutral-400:#94A3B8;
  --sp-neutral-300:#CBD5E1;
  --sp-neutral-200:#E2E8F0;
  --sp-neutral-100:#F1F5F9;
  --sp-neutral-50:#F8FAFC;
  --sp-white:#FFFFFF;

  /* Roles de interfaz */
  --sp-color-primary:var(--sp-brand-700);
  --sp-color-primary-hover:var(--sp-brand-800);
  --sp-color-primary-active:var(--sp-brand-900);
  --sp-color-secondary:var(--sp-brand-500);
  --sp-color-focus:rgba(124,58,237,.22);

  --sp-page-bg:#F7F7FB;
  --sp-surface-0:#FFFFFF;
  --sp-surface-1:#FFFFFF;
  --sp-surface-2:#FAFAFD;
  --sp-surface-3:#F3F1FA;
  --sp-surface-glass:rgba(255,255,255,.90);

  --sp-text-primary:#0B1020;
  --sp-text-secondary:#334155;
  --sp-text-muted:#687386;
  --sp-text-inverse:#FFFFFF;
  --sp-border:#E5E7EB;
  --sp-border-strong:#CBD5E1;

  /* Tipografía: única escala oficial */
  --sp-font-family:'Gilroy',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sp-font-12:12px;
  --sp-font-14:14px;
  --sp-font-16:16px;
  --sp-font-18:18px;
  --sp-font-22:22px;
  --sp-font-28:28px;
  --sp-font-36:36px;
  --sp-font-48:48px;
  --sp-line-tight:1.08;
  --sp-line-title:1.2;
  --sp-line-body:1.55;
  --sp-weight-regular:400;
  --sp-weight-medium:500;
  --sp-weight-semibold:600;
  --sp-weight-bold:800;
  --sp-weight-black:900;

  /* Espaciado oficial */
  --sp-space-4:4px;
  --sp-space-8:8px;
  --sp-space-12:12px;
  --sp-space-16:16px;
  --sp-space-24:24px;
  --sp-space-32:32px;
  --sp-space-48:48px;
  --sp-space-64:64px;
  --sp-space-96:96px;

  /* Radios oficiales */
  --sp-radius-8:8px;
  --sp-radius-16:16px;
  --sp-radius-24:24px;
  --sp-radius-pill:999px;

  /* Elevación oficial */
  --sp-shadow-sm:0 2px 8px rgba(15,23,42,.06);
  --sp-shadow-md:0 14px 36px rgba(15,23,42,.09);
  --sp-shadow-lg:0 28px 72px rgba(15,23,42,.14);

  /* Movimiento */
  --sp-duration-fast:150ms;
  --sp-duration-normal:220ms;
  --sp-easing:cubic-bezier(.2,.8,.2,1);

  /* Controles */
  --sp-control-sm:36px;
  --sp-control-md:44px;
  --sp-control-lg:52px;
  --sp-content-max:1280px;

  /* Alias compatibles con hojas existentes */
  --font-main:var(--sp-font-family);
  --accent:var(--sp-color-primary);
  --accent-2:var(--sp-color-secondary);
  --dark:var(--sp-text-primary);
  --muted:var(--sp-text-muted);
  --line:var(--sp-border);
  --card:var(--sp-surface-1);
  --bg:var(--sp-page-bg);
  --shadow:var(--sp-shadow-md);
  --radius:var(--sp-radius-24);

  --sp-primary-950:var(--sp-brand-950);
  --sp-primary-900:var(--sp-brand-900);
  --sp-primary-800:var(--sp-brand-800);
  --sp-primary-700:var(--sp-brand-700);
  --sp-accent-700:var(--sp-brand-700);
  --sp-accent-600:var(--sp-brand-600);
  --sp-accent-500:var(--sp-brand-500);
  --sp-accent-100:var(--sp-brand-100);
  --sp-accent-50:var(--sp-brand-50);
  --sp-surface:var(--sp-surface-1);
  --sp-surface-soft:var(--sp-surface-glass);
  --sp-line:var(--sp-border);
  --sp-line-strong:var(--sp-border-strong);
  --sp-text:var(--sp-text-primary);
  --sp-text-soft:var(--sp-text-secondary);
  --sp-muted:var(--sp-text-muted);
  --sp-font:var(--sp-font-family);
  --sp-text-xs:var(--sp-font-12);
  --sp-text-sm:var(--sp-font-14);
  --sp-text-md:var(--sp-font-16);
  --sp-text-lg:var(--sp-font-18);
  --sp-text-xl:var(--sp-font-22);
  --sp-text-2xl:var(--sp-font-36);
  --sp-text-3xl:var(--sp-font-48);
  --sp-radius-xs:var(--sp-radius-8);
  --sp-radius-sm:var(--sp-radius-8);
  --sp-radius-md:var(--sp-radius-16);
  --sp-radius-lg:var(--sp-radius-16);
  --sp-radius-xl:var(--sp-radius-24);
  --sp-radius-2xl:var(--sp-radius-24);
  --sp-space-1:var(--sp-space-4);
  --sp-space-2:var(--sp-space-8);
  --sp-space-3:var(--sp-space-12);
  --sp-space-5:var(--sp-space-24);
  --sp-space-6:var(--sp-space-24);
  --sp-space-8:var(--sp-space-32);
  --sp-space-10:var(--sp-space-48);
  --sp-space-12:var(--sp-space-48);
  --sp-shadow-xs:var(--sp-shadow-sm);
  --sp-control-h:var(--sp-control-md);
  --sp-control-h-sm:var(--sp-control-sm);
  --sp-control-h-lg:var(--sp-control-lg);
  --sp-fast:var(--sp-duration-fast);
  --sp-normal:var(--sp-duration-normal);
  --sp-ease:var(--sp-easing);
}

html[data-theme="dark"],
body[data-theme="dark"],
body.dark-mode,
[data-store-mode="dark"] {
  color-scheme:dark;
  --sp-page-bg:#080B12;
  --sp-surface-0:#0C111B;
  --sp-surface-1:#111827;
  --sp-surface-2:#151D2B;
  --sp-surface-3:#1D2635;
  --sp-surface-glass:rgba(17,24,39,.90);
  --sp-text-primary:#F8FAFC;
  --sp-text-secondary:#CBD5E1;
  --sp-text-muted:#94A3B8;
  --sp-border:#273244;
  --sp-border-strong:#3B475A;
  --sp-color-focus:rgba(139,92,246,.30);
}

/* Normalización mínima y aditiva */
html { font-family:var(--sp-font-family); }
body,button,input,select,textarea { font-family:var(--sp-font-family); }
body { color:var(--sp-text-primary); background-color:var(--sp-page-bg); }
:focus-visible { outline:3px solid var(--sp-color-focus); outline-offset:2px; }
::selection { color:var(--sp-text-inverse); background:var(--sp-color-primary); }