/* Design tokens de Zona+ (derivados del logo: magenta → violeta → azul → cian sobre negro). */
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;src:url("../fonts/sora-latin-var.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-latin-var.woff2") format("woff2")}

:root{
  color-scheme:dark;

  /* Color */
  --zp-bg:#050509;
  --zp-surface:#0e0e18;
  --zp-surface-2:#151522;
  --zp-line:#25253b;
  --zp-line-strong:#3a3a62;
  --zp-text:#f4f4fb;
  --zp-muted:#a6a6c0;
  --zp-magenta:#ff2e93;
  --zp-violet:#8a3ffc;
  --zp-blue:#2f7bff;
  --zp-cyan:#5ce1ff;
  --zp-ok:#3ddc97;
  --zp-warn:#ffb84d;
  --zp-err:#ff7189;
  /* Gradiente de marca (decorativo) y de botón (más oscuro: texto blanco AA) */
  --zp-grad:linear-gradient(100deg,var(--zp-magenta),var(--zp-violet) 52%,var(--zp-blue));
  --zp-btn:linear-gradient(100deg,#d4167b,#7a2ee6 55%,#2461e8);
  --zp-btn-hover:linear-gradient(100deg,#e11a87,#8736f2 55%,#2b6cf5);

  /* Tipografía */
  --zp-font-display:"Sora",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --zp-font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --zp-fs-xs:.8125rem;
  --zp-fs-sm:.9375rem;
  --zp-fs-md:1rem;
  --zp-fs-lg:clamp(1.125rem,1.05rem + .3vw,1.25rem);
  --zp-fs-h3:clamp(1.0625rem,1rem + .3vw,1.1875rem);
  --zp-fs-h2:clamp(1.5rem,1.2rem + 1.4vw,2.125rem);
  --zp-fs-h1:clamp(2.25rem,1.4rem + 4vw,4.25rem);

  /* Espacio, forma y capas */
  --zp-gap:clamp(1rem,.8rem + 1vw,1.5rem);
  --zp-section:clamp(3rem,2rem + 4vw,5.5rem);
  --zp-container:75rem;
  --zp-pad:clamp(1rem,.5rem + 2vw,2rem);
  --zp-r-s:.5rem;
  --zp-r-m:.875rem;
  --zp-r-l:1.5rem;
  --zp-header-h:4.25rem;
  --zp-ring:0 0 0 3px rgba(92,225,255,.55);
  --zp-ease:cubic-bezier(.2,.7,.2,1);
}