/* Los roles de la FIESTA con los valores de Play Jump Park (Saltia).
   Las tres páginas de la fiesta (la lista de invitados, la invitación y la autorización) son del producto y pintan
   con roles `--fiesta-*` por escalón (`resources/js/fiesta/fiesta.css` del producto, con valores neutros); aquí van
   los de esta marca: exactamente los primitivos que el diseño escribe en `paginas/lista-invitados/`, `invitacion/`,
   `autorizacion/` y `components/invitados/`. Se carga DESPUÉS de `saltia.css`, que es de donde salen `--ink-900`,
   `--aqua-400`… (`specs/fiesta-sistema-nuevo.md` §4.3 del producto, `#743`). */
:root {
    --fiesta-tinta-900: var(--ink-900);
    --fiesta-tinta-800: var(--ink-800);
    --fiesta-tinta-700: var(--ink-700);
    --fiesta-tinta-600: var(--ink-600);
    --fiesta-tinta-500: var(--ink-500);
    --fiesta-tinta-400: var(--ink-400);
    --fiesta-tinta-300: var(--ink-300);
    --fiesta-tinta-200: var(--ink-200);
    --fiesta-tinta-100: var(--ink-100);
    --fiesta-tinta-050: var(--ink-050);
    --fiesta-nieve: var(--snow);
    --fiesta-agua-700: var(--aqua-700);
    --fiesta-agua-600: var(--aqua-600);
    --fiesta-agua-500: var(--aqua-500);
    --fiesta-agua-400: var(--aqua-400);
    --fiesta-agua-100: var(--aqua-100);
    --fiesta-sol-600: var(--sun-600);
    --fiesta-sol-500: var(--sun-500);
    --fiesta-sol-100: var(--sun-100);
    --fiesta-lima-700: var(--volt-700);
    --fiesta-lima-600: var(--volt-600);
    --fiesta-lima-500: var(--volt-500);
    --fiesta-lima-400: var(--volt-400);
    --fiesta-lima-100: var(--volt-100);
    --fiesta-baya-700: var(--berry-700);
    --fiesta-baya-600: var(--berry-600);
    --fiesta-baya-500: var(--berry-500);
    --fiesta-baya-100: var(--berry-100);
    --fiesta-llama-700: var(--flare-700);
    --fiesta-llama-600: var(--flare-600);
    --fiesta-llama-500: var(--flare-500);
    --fiesta-llama-100: var(--flare-100);
}

/* El FONDO SUAVE en el cian de marca, como en la landing (`entradas.css`, `.pj-sec`; el owner, 03-10, «A: --aqua-100»: el
   experimento lo enseñaba de fondo de la lista de invitados), con el gris secundario a 4,5:1 sobre él. En el `body` de las
   tres páginas de la fiesta (y las de la encuesta del correo, `#886` del producto) y no en `:root`: esta hoja la carga
   también Cumpleaños (su invitación de ejemplo), y ahí la isla del producto se queda con los suyos. `--fiesta-tinta-500`
   se resolvió arriba con el gris de antes: se repite. */
body.fiesta-lista,
body.fiesta-invitacion,
body.fiesta-autorizacion,
body.fiesta-encuesta {
    --bg-subtle: var(--aqua-100);
    --band-subtle: var(--aqua-100);
    --notice-neutral-bg: var(--aqua-100);
    --control-bg-hover: var(--aqua-100);
    --skeleton-sheen: var(--aqua-100);
    --ink-500: #59738a;
    --text-muted: #59738a;
    --fiesta-tinta-500: #59738a;
}