/* Mailing Quimera: paleta de la línea Quimera (negro #040C00 + verde lima #81DE00) sobre el
   sistema visual de style.css. Solo pisa tokens; los componentes no cambian. */

:root {
  --bg:          #040c00;
  --bg-2:        #081204;
  --panel:       #0c1708;
  --panel-2:     #13200d;
  --panel-3:     #1a2b12;
  --border:      #26381c22;
  --border-1:    #26381c;
  --border-soft: #152210;

  --text:        #ecf3e6;
  --text-dim:    #9db08f;
  --text-faint:  #64755a;

  --accent:      #81de00;
  --accent-2:    #63ad00;
  --accent-deep: #3d6b00;
  --accent-glow: rgba(129, 222, 0, .14);
  --accent-line: rgba(129, 222, 0, .32);
  --on-accent:   #081204;

  --gold:        #c7f36d;
  --gold-2:      #9fd23a;
  --gold-glow:   rgba(199, 243, 109, .13);
  --on-gold:     #0c1708;
}

html[data-theme="light"] {
  --bg:          #f3f6ef;
  --bg-2:        #ffffff;
  --panel:       #ffffff;
  --panel-2:     #edf2e7;
  --panel-3:     #e1e9d8;
  --border-1:    #d3dec8;
  --border-soft: #e6ede0;

  --text:        #0d1a06;
  --text-dim:    #4c5d40;
  --text-faint:  #84937a;

  --accent:      #3f7d00;
  --accent-2:    #336500;
  --accent-deep: #264c00;
  --accent-glow: rgba(63, 125, 0, .11);
  --accent-line: rgba(63, 125, 0, .26);
  --on-accent:   #ffffff;

  --gold:        #4f8a00;
  --gold-2:      #3e6d00;
  --gold-glow:   rgba(79, 138, 0, .11);
  --on-gold:     #ffffff;
}

/* Logo blanco en tema oscuro, oscuro en tema claro (un logo oscuro sobre fondo oscuro no se ve). */
.brand-img-light { display: none !important; }
html[data-theme="light"] .brand-img-dark { display: none !important; }
html[data-theme="light"] .brand-img-light { display: block !important; }
.brand-img { width: 168px; }
.login-logo { width: 220px !important; border-radius: 0 !important; margin: 0 auto; }
@media (max-width: 860px) { .brand-img { width: 48px; } }