/* Brandly — capa de acento.
 *
 * Tailwind está precompilado en este sitio: no existe ninguna utilidad violeta
 * y no se puede añadir una clase nueva escribiéndola en el bundle. Así que la
 * página de Brandly se escribe con las mismas utilidades blue-* que usa Nexus
 * —garantizadas en index-mJdWpmod.css— y aquí se reasignan al violeta de la
 * marca, únicamente dentro de [data-page="brandly"].
 *
 * Consecuencias buscadas:
 *   · Nexus y el resto del sitio no se tocan: el selector no los alcanza.
 *   · El footer queda fuera del wrapper, así que conserva el azul del sitio.
 *   · Si esta hoja no carga, la página cae a la paleta azul de Nexus y sigue
 *     siendo coherente. Ningún estado depende de este archivo.
 *
 * Violeta de marca muestreado del propio logotipo: #957cfb.
 * Los tonos de texto están elegidos por contraste real sobre su fondo
 * (7.1:1 el violeta oscuro sobre blanco, 5.3:1 el blanco sobre el botón).
 */
[data-page="brandly"] {
  --bl-ink: #6d28d9;      /* texto violeta sobre fondo claro */
  --bl-brand: #957cfb;    /* violeta del logotipo */
  --bl-solid: #6d4df0;    /* fondo de botón primario */
  --bl-solid-hover: #5a37e0;
  --bl-on-dark: #a78bfa;  /* texto violeta sobre fondo oscuro */
  --bl-on-dark-soft: #c4b5fd;
  --bl-on-dark-bright: #ddd6fe;
}

/* Texto sobre fondo claro */
[data-page="brandly"] .text-blue-700 { color: var(--bl-ink); }
[data-page="brandly"] .hover\:text-blue-700:hover { color: var(--bl-ink); }

/* Texto sobre fondo oscuro */
[data-page="brandly"] .text-blue-400 { color: var(--bl-on-dark); }
[data-page="brandly"] .text-blue-300 { color: var(--bl-on-dark-soft); }
[data-page="brandly"] .hover\:text-blue-300:hover { color: var(--bl-on-dark-soft); }
[data-page="brandly"] .hover\:text-blue-200:hover { color: var(--bl-on-dark-bright); }

/* Superficies y bordes */
[data-page="brandly"] .bg-blue-600 { background-color: var(--bl-solid); }
[data-page="brandly"] .hover\:bg-blue-700:hover { background-color: var(--bl-solid-hover); }
[data-page="brandly"] .bg-blue-500\/10 { background-color: rgb(149 124 251 / 0.1); }
[data-page="brandly"] .border-blue-500 { border-color: var(--bl-brand); }
[data-page="brandly"] .border-blue-500\/50 { border-color: rgb(149 124 251 / 0.5); }

/* El resplandor del hero es azul en el bundle base; aquí acompaña a la marca.
   Solo el matiz: la geometría, el desenfoque y la animación siguen siendo las
   del sitio (.hero-aurora), para no introducir un movimiento distinto. */
[data-page="brandly"] .hero-aurora-a { background: radial-gradient(circle, #957cfb75, #957cfb00 68%); }
[data-page="brandly"] .hero-aurora-c { background: radial-gradient(circle, #a78bfa3d, #a78bfa00 70%); }