/* Tequimix — tokens de diseño (identidad nueva; color-lock: UN acento).
   Estética "escenario vivo": tinta profunda + acento magenta de tarima. */
:root {
  /* Superficies (marca: dark #0f0e17) */
  --ink: #0f0e17;
  --ink-2: #16141f;
  --surface: #1b1826;
  --surface-2: #232030;
  --line: rgba(255, 255, 255, 0.09);

  /* Texto */
  --text: #f4f1fa;
  --muted: #a79dc2;
  --muted-2: #9a90b5;

  /* Acento único (color-lock) — magenta de marca */
  --accent: #f00069;
  --accent-soft: rgba(240, 0, 105, 0.14);
  --accent-line: rgba(240, 0, 105, 0.38);
  --accent-ink: #0f0e17;

  /* Tipografía */
  --font-display: "Archivo Black", "Arial Black", system-ui, sans-serif;
  --font-body: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Espaciado / ritmo */
  --wrap: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --radius: 16px;
  --radius-sm: 10px;
  --section-y: clamp(4.5rem, 10vw, 9rem);

  /* Motion */
  --ease: cubic-bezier(0.83, 0, 0.17, 1);
}