/* hux.mx — Funnel Tokens (Capa 0)
   Regla: no hardcode de marca fuera de tokens.
   Usa tokens semánticos para permitir re-skin completo sin tocar componentes.
*/

:root{
  /* Color system (semantic) */
  --hx-color-bg: #0b0f14;
  --hx-color-surface: #111824;
  --hx-color-surface-2: #0f1520;
  --hx-color-border: rgba(255,255,255,.10);
  --hx-color-text: rgba(255,255,255,.92);
  --hx-color-text-muted: rgba(255,255,255,.70);
  --hx-color-text-faint: rgba(255,255,255,.55);

  --hx-color-primary: #9affb7; /* "sello" actual, editable */
  --hx-color-primary-ink: #072011;
  --hx-color-accent: #7cc6ff;

  --hx-color-success: #3ddc97;
  --hx-color-warning: #ffd166;
  --hx-color-danger: #ff5a5f;

  /* Typography */
  --hx-font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --hx-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --hx-font-size-xs: 12px;
  --hx-font-size-sm: 14px;
  --hx-font-size-md: 16px;
  --hx-font-size-lg: 18px;
  --hx-font-size-xl: 22px;
  --hx-line-height: 1.55;

  /* Spacing */
  --hx-space-1: 6px;
  --hx-space-2: 10px;
  --hx-space-3: 14px;
  --hx-space-4: 18px;
  --hx-space-5: 24px;
  --hx-space-6: 32px;
  --hx-space-7: 44px;

  /* Radii */
  --hx-radius-sm: 10px;
  --hx-radius-md: 16px;
  --hx-radius-lg: 22px;

  /* Shadows */
  --hx-shadow-sm: 0 6px 18px rgba(0,0,0,.25);
  --hx-shadow-md: 0 12px 30px rgba(0,0,0,.35);

  /* Motion */
  --hx-ease: cubic-bezier(.2,.9,.2,1);
  --hx-dur-fast: 140ms;
  --hx-dur: 220ms;

  /* Layout */
  --hx-container-max: 1120px;
  --hx-container-pad: 18px;
}


/* =========================================================
   WOW THEME EXTENSIONS (Global reskin) — Added by Contract
   ========================================================= */
:root{
  /* Typography */
  --hx-font-display: "Orbitron", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --hx-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Spacing scale (optional) */
  --hx-space-6: 24px;
  --hx-space-8: 32px;
  --hx-space-10: 40px;

  /* Radii */
  --hx-radius-lg: 20px;
  --hx-radius-xl: 28px;

  /* Shadows & glow (use sparingly) */
  --hx-shadow-1: 0 10px 30px rgba(0,0,0,.35);
  --hx-shadow-2: 0 18px 60px rgba(0,0,0,.45);
  --hx-accent-glow: 0 0 0 1px rgba(154,255,183,.22), 0 0 24px rgba(154,255,183,.18);
  --hx-glow-1: 0 0 18px rgba(154,255,183,.12);
  --hx-glow-2: 0 0 34px rgba(154,255,183,.18);

  /* Motion */
  --hx-anim-fast: 160ms;
  --hx-anim-med: 260ms;
}

/* Optional: prefer display font only for headings */