/*
 * Paleta de marca de SIGCLU.
 * Replicada del landing (data/cache/sigclu_landing/src/styles/global.css).
 *
 * Brand (azul marino):
 *   50 #eef2f7 · 100 #d9e0ec · 200 #b3c2d9 · 300 #7b91b6 · 400 #3f5c8c
 *   500 #1e3f73 · 600 #13315c · 700 #0e2750 · 800 #0b2545 · 900 #071a35
 *
 * Accent (naranja):
 *   500 #f97316 · 400 #fb8538 · 600 #ea580c
 */

/* Modo claro */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #0b2545;  /* brand-800 (canonical de marca) */
  --md-primary-fg-color--light: #13315c;  /* brand-600 */
  --md-primary-fg-color--dark:  #071a35;  /* brand-900 */

  --md-accent-fg-color:                #f97316;  /* accent-500 */
  --md-accent-fg-color--transparent:   rgba(249, 115, 22, 0.1);
  --md-accent-bg-color:                #ffffff;
  --md-accent-bg-color--light:         #ffffff;

  --md-typeset-a-color: #1e3f73;  /* brand-500 — links suficientemente
                                     visibles sin ser tan oscuros como el
                                     texto principal */
}

/* Modo oscuro (slate) */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #1e3f73;  /* brand-500 — más claro para
                                             contraste sobre fondo oscuro */
  --md-primary-fg-color--light: #3f5c8c;  /* brand-400 */
  --md-primary-fg-color--dark:  #13315c;  /* brand-600 */

  --md-accent-fg-color:                #fb8538;  /* accent-400 */
  --md-accent-fg-color--transparent:   rgba(251, 133, 56, 0.1);
  --md-accent-bg-color:                #ffffff;
  --md-accent-bg-color--light:         #ffffff;

  --md-typeset-a-color: #7b91b6;  /* brand-300 — links visibles en oscuro */
}

/* CTA del footer: apela al usuario interno para que recomiende SIGCLU a otros
   clubes. Vive en .md-footer-meta__inner como hermano del copyright y de los
   iconos sociales (override en overrides/partials/copyright.html). */
.md-footer-cta {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.7rem;
  flex: 0 1 auto;
  margin: 0 1rem;
}

.md-footer-cta__text {
  color: var(--md-footer-fg-color--light);
}

.md-footer-cta__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  background: var(--md-accent-fg-color);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}

.md-footer-cta__link:hover,
.md-footer-cta__link:focus {
  background: var(--md-accent-fg-color--light, var(--md-accent-fg-color));
  transform: translateX(2px);
}

.md-footer-cta__arrow {
  transition: transform 0.15s ease;
}

.md-footer-cta__link:hover .md-footer-cta__arrow {
  transform: translateX(3px);
}

/* En pantallas chicas el CTA pasa abajo del copyright para que no aplaste el
   resto del footer. */
@media screen and (max-width: 60em) {
  .md-footer-cta {
    flex: 1 0 100%;
    justify-content: center;
    margin: 0.5rem 0;
  }
}