/*
 * Tokens del sistema visual del CRM V2 (piloto USA · equipo U, 28-oct-2026).
 * Única fuente de color, tipografía, espaciado, radios, sombras y foco. Sin fuentes externas: la pila del sistema.
 * Los pares de texto y fondo se comprueban con tools/crm-v2/usa-ui/contraste.php (AA: 4,5:1 texto, 3:1 bordes y foco).
 * Al final se remapean los tokens --ui-* (CSS compartido) y --v2-* (módulos V2) a estos, solo dentro de .v2-app,
 * para que las pantallas de los módulos hereden la misma paleta sin tocar su CSS ni el CRM heredado.
 */
:root{
  /* Tipografía */
  --av-font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  --av-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --av-text-xs:12px;--av-text-sm:13px;--av-text-base:14.5px;--av-text-md:15.5px;--av-text-lg:18px;--av-text-xl:22px;--av-text-2xl:26px;
  --av-leading:1.5;--av-leading-tight:1.25;
  --av-weight-regular:400;--av-weight-medium:500;--av-weight-strong:600;--av-weight-bold:700;

  /* Espaciado (escala de 4 px) */
  --av-space-1:4px;--av-space-2:8px;--av-space-3:12px;--av-space-4:16px;--av-space-5:20px;--av-space-6:24px;--av-space-7:32px;--av-space-8:40px;--av-space-9:48px;

  /* Marca: verde petróleo y dorado (D31, propuesta A) */
  --av-brand-950:#05302a;--av-brand-900:#073e34;--av-brand-800:#0d5145;--av-brand-700:#16614f;
  --av-gold:#c9a24a;--av-gold-ink:#7a5a12;--av-gold-soft:#f7efd9;--av-gold-on-dark:#e7c675;

  /* Superficies y texto */
  --av-canvas:#f3f6f5;--av-surface:#ffffff;--av-surface-2:#f7faf9;--av-surface-3:#eef3f1;
  --av-line:#dde6e2;--av-line-strong:#c3d1cc;--av-control-border:#778a83;
  --av-ink:#14302a;--av-ink-2:#2b4842;--av-muted:#526862;--av-placeholder:#5e726c;

  /* Acción */
  --av-accent:#0a6f6a;--av-accent-hover:#085a56;--av-accent-ink:#075b57;--av-accent-soft:#e2f2ef;--av-on-accent:#ffffff;

  /* Estados (siempre con texto; el color solo refuerza) */
  --av-ok:#1b6a3d;--av-ok-soft:#e3f3e9;--av-ok-line:#9fcdb0;
  --av-warn:#7f5300;--av-warn-soft:#fcf0d5;--av-warn-line:#e5c483;
  --av-danger:#b0261d;--av-danger-soft:#fbe8e6;--av-danger-line:#eeb1ab;
  --av-info:#1d5d88;--av-info-soft:#e5eff8;--av-info-line:#a9c8e3;
  --av-neutral:#4d605a;--av-neutral-soft:#edf1f0;--av-neutral-line:#c8d3cf;
  --av-sim:#5b3f8f;--av-sim-soft:#efe9f8;--av-sim-line:#c9b8e6;

  /* Lateral oscuro */
  --av-side-bg:#073e34;--av-side-bg-2:#0d5145;--av-side-ink:#e3eee9;--av-side-muted:#b5cec3;--av-side-label:#9fc0b2;
  --av-side-line:rgba(211,228,220,.16);--av-side-hover:rgba(255,255,255,.07);--av-side-active:rgba(255,255,255,.12);

  /* Forma */
  --av-radius-sm:6px;--av-radius:8px;--av-radius-lg:12px;--av-radius-pill:999px;
  --av-shadow-sm:0 1px 2px rgba(16,42,36,.06),0 1px 1px rgba(16,42,36,.04);
  --av-shadow-md:0 6px 18px -6px rgba(16,42,36,.18);
  --av-shadow-lg:0 18px 44px -12px rgba(16,42,36,.32);

  /* Foco visible (3 px, separado 2 px) */
  --av-focus:#0b5e57;--av-focus-on-dark:#e7c675;--av-focus-width:3px;--av-focus-offset:2px;

  /* Medidas del marco */
  --av-side-w:248px;--av-top-h:60px;--av-bottom-h:62px;--av-content-max:1480px;--av-control-h:40px;
  --av-motion:.16s ease;
}

/* Puente: CSS compartido (crm-ui.css) y módulos V2 leen estos nombres. Solo en las páginas V2. */
.v2-app{
  --ui-bg:var(--av-canvas);--ui-surface:var(--av-surface);--ui-surface-2:var(--av-surface-2);
  --ui-line:var(--av-line);--ui-line-strong:var(--av-line-strong);
  --ui-ink:var(--av-ink);--ui-ink-2:var(--av-ink-2);--ui-muted:var(--av-muted);
  --ui-accent:var(--av-accent);--ui-accent-hover:var(--av-accent-hover);--ui-accent-soft:var(--av-accent-soft);--ui-accent-ink:var(--av-accent-ink);--ui-on-accent:var(--av-on-accent);
  --ui-navy:var(--av-brand-900);
  --ui-danger:var(--av-danger);--ui-danger-soft:var(--av-danger-soft);--ui-warn:var(--av-warn);--ui-warn-soft:var(--av-warn-soft);
  --ui-ok:var(--av-ok);--ui-ok-soft:var(--av-ok-soft);--ui-info:var(--av-info);--ui-info-soft:var(--av-info-soft);
  --ui-focus:var(--av-focus);--ui-font:var(--av-font);--ui-mono:var(--av-mono);
  --ui-radius-sm:var(--av-radius-sm);--ui-radius:var(--av-radius);--ui-radius-lg:var(--av-radius-lg);
  --ui-shadow-sm:var(--av-shadow-sm);--ui-shadow-md:var(--av-shadow-md);--ui-shadow-lg:var(--av-shadow-lg);
  --v2-sidebar-width:var(--av-side-w);--v2-sidebar:var(--av-side-bg);--v2-sidebar-light:var(--av-side-bg-2);--v2-sidebar-line:var(--av-side-line);
  --v2-topbar-height:var(--av-top-h);--v2-accent:var(--av-accent);--v2-canvas:var(--av-canvas);--v2-ink:var(--av-ink);--v2-muted:var(--av-muted);--v2-line:var(--av-line);
}