/*
  IDENTIKO — variables de identidad.

  Un único lugar donde vive la paleta. El sitio anterior redefinía :root cuatro
  veces en el mismo <style>; acá no se repite.

  Tipografías:
    · Interfaz  → 'Identiko Helvetica Bold' (archivo aportado por el cliente).
                  PENDIENTE: verificar licencia de uso como fuente web.
    · Estampas  → 'Anton' (SIL Open Font License, uso comercial y embebido
                  permitidos). Es la única fuente habilitada hoy para que el
                  cliente estampe. Ver docs/FUENTES.md
*/

@font-face {
  font-family: 'Identiko Helvetica Bold';
  src: url('../assets/fonts/HelveticaNeueLTCom-Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Anton';
  src: url('../assets/fonts/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* paleta aprobada */
  --azul: #0B55E8;
  --azul-oscuro: #0843bb;
  --amarillo: #FFE819;
  --negro: #151515;
  --tinta: #101010;
  --blanco: #ffffff;
  --gris-texto: #53534f;
  --gris-borde: #deded7;
  --gris-suave: #f5f5f2;
  --alerta: #E2231A;
  --ok: #157F3D;

  /* tipografía */
  --fuente-ui: 'Identiko Helvetica Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --fuente-texto: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* medidas */
  --radio: 4px;
  --radio-chico: 3px;
  --borde: 1px solid var(--gris-borde);
  --borde-fuerte: 1px solid var(--negro);
  --sombra-foco: 0 0 0 3px rgba(11, 85, 232, 0.25);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--fuente-texto);
  color: var(--negro);
  background: var(--blanco);
  -webkit-text-size-adjust: 100%;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

:where(button, a, input, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--amarillo);
  outline-offset: 2px;
  box-shadow: var(--sombra-foco);
}

[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}