/* ==========================================================================
   ZOLDERTECH · Tokens de diseño
   Fuente única de verdad visual. Todas las páginas y futuros módulos
   deben heredar estos valores y no redefinirlos.
   ========================================================================== */

/* ---- Fuentes (locales, sin servicios externos) ---- */
@font-face {
  font-family: "Saira";
  src: url("../fonts/saira-latin-wdth-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 50% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}

:root {
  /* ---- Paleta oficial ---- */
  --z-black:    #080808;  /* fondo base */
  --z-anthracite: #151515; /* superficies */
  --z-surface-2:  #1c1c1c; /* paneles elevados */
  --z-line:     #303030;  /* bordes */
  --z-yellow:   #FFD900;  /* acción / foco */
  --z-red:      #ED0016;  /* firma / señal (solo gráficos y texto grande) */
  --z-white:    #F5F5F5;  /* texto principal */
  --z-silver:   #B8B8B8;  /* texto secundario */
  --z-dim:      #8C8C8C;  /* texto terciario (contraste > 5:1 sobre el fondo) */

  /* ---- Tipografía ---- */
  --f-display: "Saira", "Arial Narrow", Arial, sans-serif;
  --f-body:    "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* ---- Espaciado ---- */
  --s-1: .25rem; --s-2: .5rem;  --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem;   --s-7: 3rem;   --s-8: 4.5rem;
  --s-9: 7rem;   --s-10: 9.5rem;

  /* ---- Estructura ---- */
  --container: 1360px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --header-h: 72px;
  --radius: 4px;
  --cut: 12px; /* esquina cortada de botones */

  /* ---- Movimiento ---- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 200ms;
  --t-med: 400ms;
  --t-slow: 700ms;
}