/*
  Tokens de la landing (azul oscuro + blanco). Copia propia: landing/ no
  depende de archivos de afuera de la carpeta.
  Hex finales de docs/diseno/landing-variantes.md, sección 2.1 (paleta) y 2.4 (movimiento).
  El acento (--accent #3DDC97, único verde) se define en styles.css.

  Hay dos juegos de nombres para los mismos colores:
    --ay-*     nombres del documento de diseño.
    --color-*  nombres del andamiaje original, que se mantienen como alias.
  Ojo: la escala está corrida un paso. El azul principal #0B1F3A es
  --ay-navy-800 en el documento y --color-navy-900 en el andamiaje.
*/

:root {
  /* Paleta base (doc 2.1) */
  --ay-navy-900: #081628; /* fondo más profundo: footer, bloques invertidos */
  --ay-navy-800: #0b1f3a; /* azul oscuro principal */
  --ay-navy-700: #163258; /* superficies elevadas sobre navy */
  --ay-navy-500: #2f5a8f; /* links, énfasis sobre blanco */
  --ay-navy-300: #8fa6c4; /* texto secundario sobre navy-800 */
  --ay-navy-100: #e6ecf4; /* fondos suaves sobre blanco (no texto) */
  --ay-white: #ffffff;
  --ay-paper: #f6f4ef; /* blanco cálido, sólo V1 y V3 */
  --ay-ink-muted: #4a5a70; /* texto secundario sobre blanco o papel */
  --ay-line: #d5dce6; /* bordes sobre blanco (no texto) */
  --ay-line-dark: rgba(255, 255, 255, 0.16); /* bordes sobre navy (no texto) */
  --ay-error: #b42318; /* errores sobre fondo claro */
  --ay-error-on-dark: #ff8a7a; /* errores sobre navy */
  --ay-success: #3ddc97; /* único verde de la marca (igual a --accent) */

  /* Alias del andamiaje: azules */
  --color-navy-950: var(--ay-navy-900);
  --color-navy-900: var(--ay-navy-800); /* azul oscuro principal */
  --color-navy-800: var(--ay-navy-700);
  --color-navy-700: var(--ay-navy-700);
  --color-navy-500: var(--ay-navy-500);
  --color-navy-300: var(--ay-navy-300);
  --color-navy-100: var(--ay-navy-100);

  /* Alias del andamiaje: blancos / neutros */
  --color-white: var(--ay-white);
  --color-paper: var(--ay-paper);
  --color-line: var(--ay-line);
  --color-line-dark: var(--ay-line-dark);

  /* Roles */
  --color-bg: var(--color-white);
  --color-bg-inverse: var(--color-navy-900);
  --color-text: var(--color-navy-900);
  --color-text-muted: var(--ay-ink-muted);
  --color-text-muted-inverse: var(--ay-navy-300);
  --color-text-inverse: var(--color-white);
  --color-focus: #3d7bff; /* no está en 2.1; se ve sobre blanco y sobre navy. Doc 4.3 sugiere navy-800 en claro y blanco en oscuro */
  --color-error: var(--ay-error);
  --color-error-on-dark: var(--ay-error-on-dark);
  --color-success: var(--ay-success);

  /* Tipografía base (cada variante carga sus propias fuentes) */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Movimiento (doc 2.4). En JS, los mismos valores están en window.AY_MOTION */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* entradas y revelados */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* trazos, transiciones de contenido */
  --ease-back: cubic-bezier(0.34, 1.4, 0.64, 1); /* sólo microinteracciones chicas */
  --dur-micro: 120ms; /* press de botón, cambio de color */
  --dur-hover: 220ms; /* hover, focus */
  --dur-reveal: 560ms; /* entrada de un bloque de texto */
  --dur-draw: 900ms; /* líneas y trazos SVG (rango 900–1400ms) */
  --dur-draw-max: 1400ms;
}