/* Expofilms — tokens de marca (Dirección A · "Directo")
   Importa este archivo una vez, antes del resto de estilos. */

/* Tipografías locales (incluidas en /fonts, licencia OFL) */
@font-face { font-family: "Archivo"; font-weight: 800; font-style: normal; font-display: swap; src: url("../fonts/archivo-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-weight: 900; font-style: normal; font-display: swap; src: url("../fonts/archivo-latin-900-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); }

:root {
  /* Color — núcleo (regla 60 / 30 / 10) */
  --ef-bone:   #F2F2F0;  /* 60 % · fondo principal claro ("hueso") */
  --ef-black:  #111111;  /* 30 % · texto, fondos oscuros, bloques fuertes */
  --ef-red:    #E63312;  /* 10 % · "REC": punto, palabra clave, CTA, dato */

  /* Color — apoyo */
  --ef-white:     #FFFFFF;  /* tarjetas sobre hueso */
  --ef-line:      #CFCFCB;  /* bordes y separadores sobre claro */
  --ef-line-dark: #3A3A3A;  /* bordes y separadores sobre negro */
  --ef-ink-2:     #2E2E2E;  /* texto secundario sobre claro */
  --ef-ink-3:     #4A4A4A;  /* etiquetas / metadatos sobre claro */
  --ef-mute-dark: #BDBDBD;  /* texto secundario sobre negro */
  --ef-soft-dark: #D6D6D2;  /* párrafos sobre negro */
  --ef-placeholder: #8C8C88;/* huecos de foto/vídeo en maquetas */

  /* Tipografía */
  --ef-font-display: "Archivo", "Archivo Black", system-ui, sans-serif; /* 800–900 */
  --ef-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* 400–600 */

  --ef-text-hero: clamp(3rem, 9vw, 7.5rem);   /* H1 */
  --ef-text-h2:   clamp(2.25rem, 5vw, 3.75rem);
  --ef-text-h3:   1.625rem;  /* 26px */
  --ef-text-lead: 1.3125rem; /* 21px */
  --ef-text-body: 1rem;      /* 16px */
  --ef-text-label: 0.875rem; /* 14px, MAYÚSCULAS, tracking 0.08em */

  --ef-leading-display: 0.92;
  --ef-leading-heading: 1;
  --ef-leading-body: 1.55;
  --ef-tracking-display: -0.045em;
  --ef-tracking-heading: -0.04em;
  --ef-tracking-label: 0.08em;

  /* Espaciado y forma */
  --ef-container: 1200px;
  --ef-gutter: 24px;
  --ef-section-y: 96px;
  --ef-radius: 4px;       /* esquinas casi rectas: marca seria, directa */
  --ef-radius-sm: 2px;
  --ef-border: 1px solid var(--ef-line);

  /* Punto REC */
  --ef-dot-sm: 8px;
  --ef-dot-md: 13px;
}