/* ============================================================================
   Fury·Studio · Landing v3 — Design Tokens
   Fuente unica de la verdad. Hereda canon v2.1 y lo extiende a registro
   editorial autor/operador (consultoria-fury.studio).
   ============================================================================ */

:root {
  /* ── Color · Gold (acento unico, <= 5% canvas) ──────────────────────── */
  --gold: #C5A044;
  --gold-hover: #D4B65A;
  --gold-tint-deep: #3D2F14;
  --gold-glow: rgba(197, 160, 68, 0.32);
  --gold-line: rgba(197, 160, 68, 0.18);

  /* ── Color · Superficies oscuras (nunca #000 puro) ──────────────────── */
  --void: #0A0A0B;
  --surface-deep: #050505;
  --surface-1: #111114;
  --surface-2: #1A1A1E;

  /* ── Color · Bordes y separadores ───────────────────────────────────── */
  --border-subtle: rgba(232, 232, 236, 0.06);
  --border-strong: rgba(232, 232, 236, 0.12);

  /* ── Color · Texto (contrastes WCAG AAA sobre void) ─────────────────── */
  --text-primary: #E8E8EC;      /* 13.8:1 */
  --text-secondary: #B8B8BE;    /* 8.2:1  */
  --text-muted: #71717A;        /* 4.6:1  */
  --text-subtle: #3F3F46;       /* decorativo */

  /* ── Tipografia ─────────────────────────────────────────────────────── */
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace;

  /* Escala fluida (clamp min-vw-max). Body min 16px. */
  --text-display-xl: clamp(2.75rem, 6.5vw, 6.5rem);
  --text-display-l: clamp(2.125rem, 4.5vw, 4rem);
  --text-display-m: clamp(1.625rem, 3vw, 2.5rem);
  --text-heading: clamp(1.25rem, 1.8vw, 1.625rem);
  --text-body-l: clamp(1.0625rem, 1.15vw, 1.1875rem);
  --text-body: clamp(0.9375rem, 1vw, 1rem);
  --text-small: 0.875rem;
  --text-mono-kicker: 0.75rem;
  --text-mono-meta: 0.8125rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 800;
  --fw-ultra: 900;

  --lh-display: 1.02;
  --lh-heading: 1.15;
  --lh-prose: 1.7;
  --lh-body: 1.65;

  --ls-display: -0.035em;
  --ls-heading: -0.02em;
  --ls-body: 0;
  --ls-mono-kicker: 0.16em;
  --ls-mono-meta: 0.02em;

  /* ── Spacing (4px grid) ─────────────────────────────────────────────── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-48: 12rem;

  /* ── Anchos de contenido (capados — look editorial) ─────────────────── */
  --measure-prose: min(100% - 2rem, 72rem);     /* extendido a margenes seccion (DEV) */
  --measure-content: min(100% - 2rem, 72rem);   /* alineado a medida Arsenal (DEV 2026-06-12) */
  --measure-wide: min(100% - 2rem, 72rem);      /* extendido a margenes seccion (DEV) */
  --measure-page: min(100% - 2rem, 72rem);      /* nav + footer */

  /* ── Radii (casi planos — registro editorial) ───────────────────────── */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* ── Motion (tres easings, sin mas) ─────────────────────────────────── */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-linear: linear;

  --dur-micro: 160ms;
  --dur-short: 280ms;
  --dur-base: 480ms;
  --dur-long: 720ms;

  /* ── Z-index ────────────────────────────────────────────────────────── */
  --z-bg: 0;
  --z-particles: 1;
  --z-content: 10;
  --z-nav: 60;
  --z-overlay: 90;

  /* ── Particulas (curl noise) ────────────────────────────────────────── */
  --particle-opacity: 0.22;
  --particle-opacity-mobile: 0.14;
}

/* ── Reduced motion ───────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-micro: 0ms;
    --dur-short: 0ms;
    --dur-base: 0ms;
    --dur-long: 0ms;
  }
}