/* Formulario de interés · Transferencia Externa.

   NO es una copia de ../../../Pregrado/interes/assets/interes.css: la página
   carga esa hoja y esta la sigue, igual que ya hace con pregrado-inmersivo.css.
   El componente es el mismo y debe seguir siéndolo; lo único propio es la
   familia cromática, que aquí es `tre` (violeta) y no `pre` (morado).

   La hoja de Pregrado está escrita sobre la capa semántica de la página
   anfitriona -–surface/--text/--accent/--line-, y transferencia-inmersiva.css
   ya redefine --accent, --accent-soft, --accent-strong y --focus a la familia
   tre. Por eso casi todo el panel toma el color correcto sin tocar nada: lo que
   queda son las tres variables del componente que nombran la familia `pre`
   directamente, porque el botón principal necesita un relleno sólido y no un
   acento. Si Pregrado agrega otra variable --pre-*, hay que reflejarla aquí. */
.interes-drawer {
  --interes-primary: var(--tre-600, #6b1d74);
  --interes-on-primary: #fff;
  --interes-header-text: var(--tre-900, #1d0821);
}

/* En oscuro los acentos de texto y trazo suben a 100-300 y el relleno del
   botón principal conserva contraste con texto tre-900 encima. */
[data-theme="dark"] .interes-drawer {
  --interes-primary: var(--tre-300, #c489cc);
  --interes-on-primary: var(--tre-900, #1d0821);
  --interes-header-text: var(--tre-100, #f0dcf3);
}