/* Único archivo con valores de diseño. El resto del código usa estos nombres. */
:root {
  /* Color (provisional: sin marca definida) */
  --color-fondo: #05060a;
  --color-fondo-alterno: #0b0d16;
  --color-texto: #f2f3f8;
  --color-texto-suave: #8b90a3;
  --color-acento: #6c7bff;
  --color-acento-2: #b06cff;
  --color-acento-3: #2fc9bd;
  --color-brillo: #ffffff;

  /* Tipografía (sistema, sin descargas) */
  --font-titular: "Inter", "SF Pro Display", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-etiqueta: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --text-titular: clamp(2.6rem, 13.5vw, 10.5rem);
  --text-etiqueta: clamp(0.72rem, 1.9vw, 0.85rem);
  --peso-titular: 700;
  --tracking-titular: -0.03em;

  /* Espaciado */
  --spacing-pagina: clamp(1.25rem, 5vw, 3rem);
  --spacing-linea: clamp(5rem, 22vw, 14rem);

  /* Movimiento: escala */
  --duration-rapida-1: 200ms;
  --duration-rapida-2: 400ms;
  --duration-media-1: 700ms;
  --duration-media-2: 1000ms;
  --duration-lenta-1: 1400ms;
  --duration-lenta-2: 2000ms;
  --ease-entrada: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-salida: cubic-bezier(0.4, 0, 1, 1);
  --ease-cambio: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-lineal: linear;

  /* Movimiento: papeles */
  --duration-entrada: var(--duration-lenta-1);
  --duration-linea: var(--duration-lenta-2);
  --duration-deriva: 32s;
  --duration-brillo: 7s;
  --duration-respiro: 6s;
  --mov-escalonado: 85ms;
  --mov-inicio: 500ms;
  --mov-distancia: 0.45em;
  --mov-desenfoque: 14px;
  --mov-foco-suavizado: 0.08;
  --mov-apertura: 0.09em;
  --mov-centro: 5;
  --mov-holgura: 0.3em;
  --duration-grano: 1200ms;
  --duration-pulso: 2400ms;
  --duration-viaje: 3600ms;
  --mov-retardo-marca: 200ms;
  --mov-retardo-foco: 800ms;
  --mov-retardo-linea: 2100ms;
  --mov-retardo-brillo: 2700ms;
  --mov-retardo-viaje: 3900ms;
  --mov-retardo-mancha-2: 300ms;
  --mov-retardo-mancha-3: 600ms;
  --mov-fase-mancha-2: -10s;
  --mov-fase-mancha-3: -20s;
  --mov-reducido: 1ms;

  /* Transparencias derivadas de los colores */
  --color-luz-foco: color-mix(in srgb, var(--color-brillo) 7%, transparent);
  --color-sombra-borde: color-mix(in srgb, #000 65%, transparent);
  --color-pulso-inicio: color-mix(in srgb, var(--color-acento-3) 55%, transparent);
  --color-pulso-fin: color-mix(in srgb, var(--color-acento-3) 0%, transparent);
  --color-resplandor-suave-1: color-mix(in srgb, var(--color-acento) 10%, transparent);
  --color-resplandor-suave-2: color-mix(in srgb, var(--color-acento-2) 6%, transparent);
  --color-resplandor-1: color-mix(in srgb, var(--color-acento) 32%, transparent);
  --color-resplandor-2: color-mix(in srgb, var(--color-acento-2) 20%, transparent);
}