/*
 * Los colores de la superficie pública: el único sitio donde viven (docs/design/paleta.md y
 * docs/features/portada/README.md). Salen del sistema de diseño de ZUG; solo tema claro.
 *
 * Las pantallas usan las variables semánticas (--superficie, --acento…). tests/Unit/PaletaTest.php
 * mide cada par permitido; --acento y --texto-suave son más oscuros que los del PDF para llegar a AA
 * sobre los hexágonos del fondo.
 *
 * El panel y la plataforma del paciente no cargan este archivo.
 */
:root {
    color-scheme: light;

    --zug-verde: #74907A;
    --zug-azul: #6A8B93;
    --zug-marino: #1A232D;
    --zug-arena: #F6F1E7;
    --zug-blanco: #FFFFFF;

    --superficie: var(--zug-arena);
    --superficie-alterna: var(--zug-blanco);
    --texto: var(--zug-marino);
    --texto-suave: #5C5B57;
    /* Enlaces y rótulos sobre el fondo. */
    --acento: #4F6354;
    --acento-suave: var(--zug-verde);
    --acento-lugar: var(--zug-azul);
    /* Relleno de los botones: el verde con negro, porque #74907A da 3.49 con blanco. */
    --boton: #5D7362;
    --boton-hondo: #4B5E4F;
    --sobre-boton: var(--zug-blanco);
    /* Campos y controles, con 3:1; las divisiones usan --linea. */
    --borde: #7E7D7A;
    --linea: #CFCAC0;
    --velo: var(--zug-marino);
    /* El panel de la marca en las pantallas de acceso: azul con negro, para que el blanco llegue a 4.5. */
    --panel: #56747C;
    --panel-hondo: #3A545C;
    /* Error: color funcional. Siempre con ícono y texto, nunca solo color. */
    --error: #A12A1F;
}