/* Academia Vértice (demo): 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): #25845F sobre blanco 4.62:1 ·
 * #5BD1A5 sobre el fondo oscuro 10.22:1.
 */
:root {
  --crm-brand:        #25845F;
  --crm-brand-hover:  #1D674A;
  --crm-brand-soft:   rgba(37,132,95,0.1);
  --crm-brand-softer: rgba(37,132,95,0.06);
  --crm-brand-ring:   rgba(37,132,95,0.2);
  --crm-brand-glow:   rgba(37,132,95,0.34);

  --accent:     157 56.2% 33.1%;
  --accent-dim: 157 56.4% 19.8%;

  --verde:         #25845F;
  --verde-claro:   rgba(37,132,95,0.08);
  --verde-oscuro:  #1D674A;
  --verde-anillo:  rgba(37,132,95,0.13);
  --verde-foco:    rgba(37,132,95,0.18);
  --verde-apagado: rgba(37,132,95,0.35);
}

html[data-theme="dark"] {
  --crm-brand:        #5BD1A5;
  --crm-brand-hover:  #72D8B2;
  --crm-brand-soft:   rgba(91,209,165,0.15);
  --crm-brand-softer: rgba(91,209,165,0.09);
  --crm-brand-ring:   rgba(91,209,165,0.28);
  --crm-brand-glow:   rgba(91,209,165,0.38);
}