/* ============================================================
   RELEVANTE.IA — P00 · TOKENS
   Sistema: blanco invertido, bloques negros, acento lima.
   Regla dura: lima NUNCA como color de texto sobre blanco.
   ============================================================ */

:root {
  /* Color */
  --bg: #FFFFFF;
  --ink: #0A0A0A;
  --ink-soft: #242424;      /* filetes dentro de bloques oscuros */
  --muted: #6E6E6E;
  --rule: #E6E6E6;          /* filetes sobre blanco */
  --accent: #DDF50A;
  --on-ink-muted: #9A9A9A;  /* texto secundario sobre oscuro */

  /* Tipografía */
  --font-sans: "Inter Tight", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Questrial", var(--font-sans);   /* etiquetas, captions y datos: Questrial */
  --font-code: ui-monospace, "SFMono-Regular", "Menlo", Consolas, monospace; /* SOLO código real */
  --font-brand: "Questrial", var(--font-sans);

  /* Escala tipográfica (clamp fluido) */
  --text-mega: clamp(64px, 11vw, 152px);
  --text-h1:   clamp(40px, 6.4vw, 84px);
  --text-h2:   clamp(30px, 4.2vw, 56px);
  --text-h3:   clamp(21px, 2.4vw, 30px);
  --text-body: 16px;
  --text-small: 13px;
  --text-mono: 12px;

  /* Espaciado */
  --space-section: clamp(96px, 12vw, 160px);
  --space-block: 48px;
  --container: 1280px;
  --gutter: clamp(20px, 4vw, 48px);

  /* Movimiento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 400ms;

  /* Capas */
  --z-nav: 50;
  --z-overlay: 60;
  --z-bloque: 2;
}