/* =========================================================
   CLIENT THEME
   Cambios específicos del cliente
   ========================================================= */

/* ---------------------------------------------------------
   FUENTES LOCALES DEL CLIENTE
   --------------------------------------------------------- */

@font-face {
  font-family: "Raleway";
  src: url("../client/fonts/Raleway-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---------------------------------------------------------
   TOKENS DEL CLIENTE
   --------------------------------------------------------- */

:root {
  /* Colores de marca */
  --cluster-color-1: #ffffff;
  --cluster-color-2: #ececec;
  --cluster-color-3: #ffffff;
  --cluster-color-4: #f9f3fe;
  --cluster-color-5: #f1ddff;

  --cluster-color-6: #220539;
  --cluster-color-7: #5f4a70;
  --cluster-color-8: #8a739b;

  --cluster-color-9: #ca95f5;

  --cluster-color-10: #5a0e96;
  --cluster-color-11: #220539;
  --cluster-color-12: #05dde2;

  --cluster-color-13: #05dde2;
  --cluster-color-14: #ff8c00;
  --cluster-color-15: #ff0033;

  /* Ajustes funcionales específicos de esta paleta */
  --color-focus-outline: #05dde2;
  --color-mark-background: #ffd500;

  /* Acciones de header y footer */
  --color-header-action-text: var(--cluster-color-10);
  --color-header-action-text-hover: var(--cluster-color-8);

  --color-footer-action-text: var(--cluster-color-10);
  --color-footer-action-text-hover: var(--cluster-color-8);

  /* Fuentes */
  --cluster-font-2:
    "Raleway", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;

  /* Asignación funcional */
  --font-title: var(--cluster-font-2);

  /* Header */
  --layout-header-height: calc(3rem + 1.75rem + 1px);
}

/* ---------------------------------------------------------
   AJUSTES ESPECÍFICOS DEL CLIENTE
   --------------------------------------------------------- */

/* Logo móvil */
.brand__logo {
  height: clamp(1.75rem, calc(1.5rem + 1.25vw), 2rem);
  max-width: min(clamp(6.5rem, calc(5.5rem + 5vw), 7.5rem), 100%);
}

/* Logo en layout lateral */
@media (min-width: 48rem) {
  .brand__logo {
    height: 3rem;
    max-width: min(14rem, 100%);
  }
}

/* Mejora de contraste en copyright y versión del footer */
:root {
  --color-footer-text-soft: var(--cluster-color-6);
  --color-footer-version: var(--cluster-color-6);
}

.site-footer__copy,
.site-footer__copybar,
.site-footer__copybar small,
.site-footer__version {
  color: var(--cluster-color-6);
}