/*
 * Calculaidade — paleta y tipografía comunes a TODAS las pantallas del servicio.
 *
 * Existe por la misma razón por la que existe web/css/calculaidade.css: había cuatro copias
 * divergentes de la paleta, una por vista, y se unificaron. Ahora el reparto es:
 *
 *   - tokens.css (este fichero): el color y la letra. Lo cargan las dos plantillas.
 *   - calculaidade.css: la FORMA de las páginas del usuario final (tarjeta centrada, aviso
 *     de privacidad, cámara, widget de liveness).
 *   - backend.css: la FORMA del backend de administración (barra superior, listados anchos,
 *     tablas, filtros).
 *
 * El backend y las páginas públicas tienen razones de ser distintas —una es un trámite en
 * el móvil de un desconocido, el otro una herramienta de trabajo en un monitor— pero son el
 * mismo servicio y tienen que parecerlo: el mismo azul, la misma letra y los mismos
 * verdes/rojos de veredicto. Eso es lo que vive aquí, y solo eso; si un valor lo usa una
 * sola de las dos hojas, su sitio es esa hoja, no esta.
 */

:root {
    /* El esquema claro es una decisión de diseño, no una preferencia: fijándolo, los
       controles nativos (checkboxes, desplegables, campos de fecha) no se pintan oscuros y
       desentonan. Vale para las dos plantillas. */
    color-scheme: light;

    /* --- Superficies y texto --- */
    --bg: #f5f8fc;
    --bg-wash: #e9f1fb;
    --surface: #ffffff;
    --surface-soft: #f2f7fd;
    --ink: #1f2d3d;        /* pizarra, no negro puro: menos dureza */
    --ink-soft: #55657a;
    --ink-mute: #7b8a9d;
    --border: #e3eaf3;
    --border-strong: #cfdcec; /* bordes que tienen que verse: campos, botón secundario */

    /* --- Marca: azul de confianza --- */
    --brand: #1f6feb;
    --brand-strong: #1558c4;
    --brand-tint: #e8f1ff;

    /* --- Veredictos. Cada uno con su pareja tinte/texto, con contraste AA sobre blanco. --- */
    --ok: #0f8a5f;
    --ok-tint: #e7f7f0;
    --no: #c5372e;
    --no-tint: #fdeceb;
    --warn: #8f5f00;
    --warn-tint: #fff5e3;

    /* --- Formas: radios generosos y sombra azulada muy difusa. De aquí sale el aire
           "blando" que sustituye al cartón oscuro anterior. --- */
    --r-lg: 20px;
    --r-md: 12px;
    --r-sm: 10px;
    --shadow: 0 1px 2px rgba(31, 45, 61, .04),
              0 6px 12px -6px rgba(31, 45, 61, .08),
              0 24px 48px -20px rgba(31, 45, 61, .16);

    /* Pila redondeada/humanista del sistema: SF Rounded en Apple, Segoe UI Variable en
       Windows, Roboto en Android. Nunito y Quicksand se usan solo si el equipo las tiene
       instaladas; no se descarga ninguna: cargarlas desde un CDN mandaría la IP del usuario
       a un tercero justo donde le prometemos privacidad. */
    --font: "Nunito", "Quicksand", ui-rounded, "SF Pro Rounded", "Segoe UI Variable Text",
            "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Monoespaciada de los <code>: ids de sesión, api keys, MRZ. */
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", Menlo, Consolas,
                 "Liberation Mono", monospace;
}