/* ============================================================
   DarksOpMedia — tokens.css
   Contrato de diseño compartido por todo el sitio.
   Lane: "A24 / estudio de cine — negro neutro + luz de tungsteno".
   Reglas: un solo acento; glow SOLO en hero y CTA final; sin
   gradient-text; texto acento siempre --brand / --brand-2.
   ============================================================ */

:root {
  /* ---- Color (OKLCH) ---- */
  --bg-0: oklch(0.11 0 0);              /* fondo base, negro neutro */
  --bg-1: oklch(0.14 0.004 75);         /* secciones alternas, matiz cálido */
  --surface: oklch(0.17 0.005 75);      /* paneles, formulario */
  --surface-2: oklch(0.21 0.005 75);    /* hover de superficies */
  --line: oklch(0.96 0.01 85 / 0.1);    /* borde hairline */
  --line-2: oklch(0.96 0.01 85 / 0.22); /* hairline enfatizada */

  --ink: oklch(0.96 0.008 85);          /* titulares — blanco cálido */
  --ink-2: oklch(0.96 0.008 85 / 0.72); /* párrafos */
  --ink-3: oklch(0.96 0.008 85 / 0.5);  /* metadatos, labels */

  --brand: oklch(0.8 0.14 70);          /* tungsteno */
  --brand-2: oklch(0.88 0.09 78);       /* tungsteno claro */
  --ember: oklch(0.66 0.19 42);         /* brasa — detalles calientes */
  --glow: oklch(0.72 0.17 55 / 0.14);   /* halo fuerte (SOLO hero / contacto) */
  --glow-soft: oklch(0.72 0.17 55 / 0.12); /* halo ambiental, uno por sección */
  --on-brand: oklch(0.15 0.02 70);      /* texto sobre fondo tungsteno */

  /* ---- Tipografía: Archivo Variable (wght 100–900 · wdth 62–125) ---- */
  --font: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wdth-display: 125;                  /* titulares póster */
  --wdth-body: 100;
  --wdth-narrow: 72;                    /* labels condensadas */

  --fs-hero: clamp(2.5rem, 1.1rem + 6.5vw, 6rem);
  --fs-h2: clamp(1.9rem, 1rem + 3.6vw, 4rem);
  --fs-h3: clamp(1.2rem, 1rem + 0.8vw, 1.5rem);
  --fs-lead: clamp(1.1rem, 1rem + 0.6vw, 1.35rem);
  --fs-body: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --fs-small: 0.875rem;
  --fs-label: 0.8125rem;

  /* ---- Espaciado y layout ---- */
  --space-section: clamp(6rem, 12vh, 10rem);
  --space-section-sm: clamp(4rem, 8vh, 6rem);
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);      /* out-expo family */
  --ease-swift: cubic-bezier(0.55, 0, 0.1, 1);
  --dur-1: 0.35s;
  --dur-2: 0.7s;
  --dur-3: 1.1s;

  /* ---- Z-scale semántica ---- */
  --z-nav: 30;
  --z-overlay: 40;
  --z-toast: 50;

  color-scheme: dark;
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("../fonts/archivo-var.woff2") format("woff2");
}