/*
  Hardman Soluciones — tokens.css
  Variables de marca: paleta, tipografía autoalojada y escala de espaciado.
  Nada más vive aquí. Cero peticiones a dominios externos.
  Paleta en blanco y negro. Solo se usa aparte el ámbar (--ambar), color funcional ajeno a Hardman.
*/

/* ===== Tipografía — Inter (licencia SIL OFL 1.1), autoalojada =====
   Un único archivo variable, subconjunto latino, que cubre todos los pesos
   (100-900): sirve los tres pesos que usa la web (400, 500 y 700). El texto
   de la licencia va junto al archivo, en LICENCIA-Inter.txt. */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* paleta de marca: blanco y negro puros, sin ningún matiz de color (R=G=B
     en todos los tokens neutros); no hay acentos de color en la paleta de marca. */
  --fondo: #000000;
  /* superficie ligeramente más clara que --fondo, para secciones alternas y
     bloques con fondo propio */
  --superficie: #0D0D0D;
  /* borde/filete neutro, mismo valor que ya se repetía suelto en los componentes */
  --linea: rgba(255, 255, 255, .14);
  --texto: #FFFFFF;
  --texto-suave: rgba(255, 255, 255, .72);
  /* gris neutro para textos secundarios y detalles */
  --gris-medio: #A3A3A3;
  /* gris casi blanco: estado hover del botón principal (fondo blanco) */
  --gris-claro: #D9D9D9;
  /* ámbar: color funcional de aviso */
  --ambar: #F5A623;

  /* tipografía */
  --fuente: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* escala de espaciado (base 4px, de 4 a 96) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* geometría y layout */
  --radio: 4px;
  --contenedor: 1200px;
  --header-h: 76px;
  --sombra: 0 6px 24px rgba(0, 0, 0, .35);
}