/* Demo Markets: los colores de su marca en el CRM. Lo escribió ÁMBAR.
 *
 * Se sirve como /ui/marca/marca.css, después de app.css y crm.css: gana por orden.
 * Sólo toca lo que es MARCA. Ganancia, pérdida y avisos no se tocan: son significados.
 * Contraste (WCAG): #1D4ED8 sobre blanco 6.70:1 ·
 * #4E76E8 sobre el fondo oscuro 4.67:1.
 */
:root {
  --crm-brand:        #1D4ED8;
  --crm-brand-hover:  #173DA8;
  --crm-brand-soft:   rgba(29,78,216,0.1);
  --crm-brand-softer: rgba(29,78,216,0.06);
  --crm-brand-ring:   rgba(29,78,216,0.2);
  --crm-brand-glow:   rgba(29,78,216,0.34);

  --accent:     224 76.3% 48.0%;
  --accent-dim: 224 76.9% 28.8%;

  --verde:         #1D4ED8;
  --verde-claro:   rgba(29,78,216,0.08);
  --verde-oscuro:  #173DA8;
  --verde-anillo:  rgba(29,78,216,0.13);
  --verde-foco:    rgba(29,78,216,0.18);
  --verde-apagado: rgba(29,78,216,0.35);
}

html[data-theme="dark"] {
  --crm-brand:        #4E76E8;
  --crm-brand-hover:  #698BEC;
  --crm-brand-soft:   rgba(78,118,232,0.15);
  --crm-brand-softer: rgba(78,118,232,0.09);
  --crm-brand-ring:   rgba(78,118,232,0.28);
  --crm-brand-glow:   rgba(78,118,232,0.38);
}