/* Nick Ziur Academy — tokens.
   Los colores y fuentes de marca se leen de los GLOBALES de Elementor (Ajustes del sitio),
   que el plugin crea con los ids nza_*. Si no existen, se usan los valores del sistema de diseño.
   Se declaran en body (que lleva la clase .elementor-kit-N donde Elementor pone sus variables). */

@font-face { font-family: "Anton"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/Anton-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/Inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/Inter-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/Inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/Inter-700.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 800; font-style: normal; font-display: swap; src: url("../fonts/Inter-800.woff2") format("woff2"); }

body, .nza {
  /* Globales editables en Elementor */
  --bg:          var(--e-global-color-nza_bg, #0b0b0c);
  --bg-alt:      var(--e-global-color-nza_bg_alt, #121214);
  --text:        var(--e-global-color-nza_text, #f4f1ea);
  --accent:      var(--e-global-color-nza_accent, #d93025);
  --accent-text: var(--e-global-color-nza_accent_text, #ff5a4f);
  --accent-ink:  var(--e-global-color-nza_accent_ink, #ffffff);
  --star:        var(--e-global-color-nza_star, #f5b301);

  /* Derivados: se recalculan solos al cambiar un global */
  --surface:        color-mix(in srgb, var(--text) 4%, transparent);
  --surface-raised: color-mix(in srgb, var(--bg-alt) 88%, transparent);
  --glass:          color-mix(in srgb, var(--bg) 78%, transparent);
  --line:           color-mix(in srgb, var(--text) 10%, transparent);
  --line-strong:    color-mix(in srgb, var(--text) 18%, transparent);
  --muted:          color-mix(in srgb, var(--text) 62%, transparent);
  --subtle:         color-mix(in srgb, var(--text) 50%, transparent);
  --accent-hover:   color-mix(in srgb, var(--accent) 85%, black);
  --accent-soft:    color-mix(in srgb, var(--accent) 14%, transparent);
  --device:         color-mix(in srgb, var(--bg-alt) 80%, var(--text) 4%);

  /* Fuentes globales */
  --font-display: var(--e-global-typography-nza_display-font-family, "Anton"), "Oswald", Impact, sans-serif;
  --font-body:    var(--e-global-typography-nza_body-font-family, "Inter"), system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Espaciado, radios, sombras, layout, movimiento */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-7: 28px; --space-8: 32px;
  --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-24: 96px; --section-y: 128px; --gutter: 32px;
  --radius-sm: 8px; --radius: 10px; --radius-md: 12px; --radius-lg: 18px; --radius-xl: 24px; --radius-device: 38px; --radius-pill: 999px;
  --shadow-float: 0 20px 60px rgba(0,0,0,0.45); --shadow-device: 0 40px 120px rgba(0,0,0,0.55); --shadow-badge: 0 24px 60px rgba(0,0,0,0.4); --shadow-header: 0 10px 40px rgba(0,0,0,0.35);
  --container: 1200px; --header-h: 76px; --measure: 56ch;
  --dur-fast: 160ms; --dur-base: 260ms; --dur-reveal: 800ms; --dur-count: 1400ms; --stagger: 80ms; --dur-ticker: 32s;
  --ease-out: cubic-bezier(0.2,0.7,0.2,1); --ease-in-out: cubic-bezier(0.65,0,0.35,1); --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
}