/* theme-light.css V:002 — paleta enriquecida (2026-08-13, pedido explícito
   del usuario: "quiero aplicar los 6 temas"). Los 15 nombres de variable
   que ya existían (--fd-bg, --fd-surface, --fd-surface-2, --fd-border,
   --fd-text, --fd-text-muted, --fd-accent, --fd-accent-hover,
   --fd-accent-soft, --fd-danger, --fd-success, --fd-warning,
   --fd-topbar-*, --fd-navbar-*, --fd-footer-*, --fd-shadow*) SIGUEN
   EXISTIENDO — se usan en 32 archivos del sitio — solo cambian de valor
   (acento pasa de un azul genérico a un navy, a tono con Converter/el
   logo "D"). Todo lo demás (--fd-surface-3, --fd-border-strong,
   --fd-text-subtle, --fd-accent-rgb, --fd-accent2*, --fd-slate*,
   --fd-*-soft, --fd-radius) es ADITIVO: variables nuevas, ningún archivo
   viejo se rompe por no usarlas todavía. */
:root,
[data-theme="theme-light"] {
  --fd-bg:            #F4F6F9;
  --fd-surface:        #FFFFFF;
  /* 2026-08-13, pedido explícito del usuario: acercar surface-2 a
     surface (antes #EAEEF4, un salto perceptible al lado de blanco puro)
     para que modal/cards se lean como "dos tonos parecidos" — mismo
     criterio que ya funciona en theme-dark.css entre su surface/surface-2. */
  --fd-surface-2:      #F5F7FA;
  --fd-surface-3:      #DCE3EC;
  --fd-border:         #D7DEE8;
  --fd-border-strong:  #B7C2D1;
  --fd-text:           #1B2333;
  --fd-text-muted:     #5B6478;
  --fd-text-subtle:    #8892A3;

  --fd-accent:         #1C469A;
  --fd-accent-hover:   #153670;
  --fd-accent-soft:    #DCE6F7;
  --fd-accent-rgb:     28,70,154;
  /* 2026-09-25, bug real reportado por el usuario ("cuando el badge es
     claro, el texto debe ser negro") — los badges de status/tipo de
     transport_operations/coordinacion_contenedores usan --fd-accent/
     --fd-success como FONDO SÓLIDO con texto blanco hardcodeado (salvo
     el caso puntual IN_PROGRESS). Funcionaba en los 6 temas originales
     porque acá el acento/success siempre fue oscuro; con los temas
     intermedios nuevos (Pizarra/Salvia/Petróleo/Jade/Celeste) el acento
     es claro y el texto blanco se volvió ilegible. --fd-accent-contrast/
     --fd-success-contrast: color de texto que SÍ contrasta con esos 2
     fondos en este tema puntual — ver transport_operation_status_badge_
     text_color() en log_iframe_transport_operations/transport_operations_helpers.php. */
  --fd-accent-contrast: #fff;

  --fd-accent2:        #0F8577;
  --fd-accent2-hover:  #0B6B60;
  --fd-accent2-soft:   #D8F3EF;
  --fd-accent2-rgb:    15,133,119;

  --fd-slate:          #5B6478;
  --fd-slate-soft:     #E7EAF0;

  --fd-danger:         #C4283A;
  --fd-danger-soft:    #FBE1E4;
  --fd-success:        #1E8A4C;
  --fd-success-soft:   #DFF3E7;
  --fd-success-contrast: #fff;
  --fd-warning:        #B5680A;
  --fd-warning-soft:   #FBEBD6;

  --fd-topbar-bg:      #12203D;
  --fd-topbar-text:    #F4F6F9;
  --fd-navbar-bg:      #FFFFFF;
  --fd-navbar-text:    #1B2333;
  --fd-navbar-border:  #D7DEE8;
  --fd-footer-bg:      #EAEEF4;
  --fd-footer-text:    #5B6478;

  --fd-shadow:         0 1px 4px rgba(20,30,60,.08);
  --fd-shadow-md:      0 4px 12px rgba(20,30,60,.12);
  --fd-shadow-lg:      0 20px 45px -15px rgba(20,30,60,.35);

  /* Mismo border-radius que SUGERIDOS/Converter_Delfin_v3_114.html (--r:6px). */
  --fd-radius:         6px;

  /* --fd-dash-* (2026-08-24) — convención LOCAL, solo para los 4
     dashboards del CRM (crm_iframe_dashboard_clientes/vendedores/
     individual/actividades). NO forma parte del set sitewide de arriba
     — prefijo propio a propósito, ver memoria del proyecto. LIGHT
     conserva los mismos 15 valores que ya estaban hardcodeados en esos
     archivos (cero cambio visual, solo se formalizan como variables). */
  --fd-dash-1:             #1B4F72;
  --fd-dash-1-edge:        #0D2B3E;
  --fd-dash-2:             #3498DB;
  --fd-dash-2-edge:        #1A6FA8;
  --fd-dash-3:             #AED6F1;
  --fd-dash-neutral-bg:     #EDECE9;
  --fd-dash-neutral-border: #CCCAC4;
  --fd-dash-neutral-label:  #5F5E5A;
  --fd-dash-neutral-value:  #1A1916;
  --fd-dash-track-bg:      #E5E7E9;
  --fd-dash-on-dark:       #FFFFFF;
  --fd-dash-edge-overlay:  rgba(255,255,255,.4);
  --fd-dash-muted:         #7A7870;
  --fd-dash-accent:        #C8B560;
  /* fill:false en los 4 dashboards evita que se pinte el área bajo la
     línea, PERO Chart.js v2 sigue usando backgroundColor como color del
     cuadradito de la leyenda (fillStyle del swatch) — no es tan inerte
     como se pensó al principio. El valor original hardcodeado era el
     mismo rgba(0,0,255,1) para los 3 datasets de cada line chart, así
     que los 3 swatches de leyenda ya se veían idénticos antes de esta
     migración (bug preexistente, fuera de alcance de "solo colores" —
     ver memoria del proyecto). */
  --fd-dash-chart-fill:    rgba(0,0,255,1);

  /* --fd-dash-violet/pink/pink-soft (2026-08-24) — extensión de la misma
     convención local, para crm_iframe_dashboard_deals (KPI "Conversión" y
     badge "Task"). El resto de los colores de ese dashboard reusa tokens
     --fd-* sitewide que ya encajaban semánticamente (accent/success/
     warning/danger/slate) — ver memoria del proyecto. */
  --fd-dash-violet:        #6B4FBB;
  --fd-dash-pink:          #C24B7C;
  --fd-dash-pink-soft:     #F7E3EC;
}