/*
    Hoja global del portal de boletos: lo que el portal declara de sí mismo y el panel no.

    ── De dónde viene (US-055, 2026-09-30) ──────────────────────────────────────────────────────
    El portal no pintaba fondo propio: `body` quedaba transparente y el lienzo lo ponía el
    navegador. Con el oscurecimiento forzado de Chrome, el nombre del parque quedaba ilegible y el
    pie desaparecía. Esta hoja declaró el fondo, el color, la tipografía y el esquema de color.

    ── Qué superó el kit del sitio (US-062, el mismo día) ───────────────────────────────────────
    **El fondo, el color del texto y la tipografía los pone ahora `body.pt-shell`**, de la hoja del
    kit del sitio del parque (`pt-shell.css`): verde profundo, texto claro y Nunito. Las reglas de
    `body` que había aquí se quitaron: repetían con otros valores lo que el kit ya declara, y la del
    kit tiene que ganar para que el portal se vea idéntico al sitio. También se fue
    `.ccp-solo-lectores`: el nombre de la organización que ocultaba dejó de pintarse.

    **Lo que sigue valiendo es el `color-scheme`.** El kit no lo declara, y su verde y su crema están
    elegidos a mano: el oscurecimiento forzado los invertiría igual que invertía la paleta anterior.

    ── Por qué aquí y no en tema.css ────────────────────────────────────────────────────────────
    `tema.css` lo cargan **los dos hosts**: una regla de `body` puesta ahí cambia también el panel.
*/

:root {
    /* Colores fijos, elegidos a mano, sobre fondo oscuro: el navegador no debe «oscurecerlos» por
       su cuenta. Los controles nativos se dibujan en claro porque viven sobre la hoja crema. */
    color-scheme: light only;

    /* Los componentes de Radzen —checkout, boletos, pago de prueba— escriben con Nunito, la letra
       del texto del sitio, y no con la del tema de la aplicación. Medido en US-062: el tema de
       Radzen no pisa nada del kit (solo declara `body { margin: 0 }`, lo mismo que el kit), pero sin
       esto los textos de la hoja salían en otra letra que los del cascarón que los rodea. Se hace
       aquí y no en tema.css, que es del panel también. */
    --rz-text-font-family: var(--pt-body);
}

/*
    La página de error se queda en el marco neutro de la biblioteca compartida, sin el cascarón del
    sitio (decidido en US-054, ratificado en US-062): tiene que dibujarse aunque lo que falló sea el
    marco. Pero `body.pt-shell` la pondría sobre el verde, y su texto es oscuro. Se le da la crema
    del kit **solo a ese marco**, que en el portal únicamente usa esa página.
*/
.pt-shell .ccp-tienda {
    background: var(--v-cream);
    color: var(--pt-ink-body);
}