/* tokens.css — Sistema de diseño del Digiturno.
   Único lugar para definir colores, radios y sombras.
   Cambiar el tema = cambiar estas variables. */
:root {
    /* Marca / acción */
    --color-primario: #1f8ef1;
    --color-primario-oscuro: #0c72c2;
    --color-acento: #00c6ff;
    --color-acento-2: #0072ff;
    --color-marca-oscura: #26367E;   /* sidebar / cabeceras */

    /* Semánticos */
    --color-exito: #28a745;
    --color-exito-suave: #e3f7ec;
    --color-peligro: #dc3545;
    --color-peligro-suave: #fde8e8;
    --color-advertencia: #f0a020;

    /* Neutros */
    --color-texto: #222322;
    --color-texto-suave: #555a60;
    --color-texto-tenue: #8a98a8;
    --color-fondo: #f4f7fa;
    --color-superficie: #ffffff;
    --color-borde: #ccd4dd;

    /* Forma */
    --radio: 8px;
    --radio-lg: 14px;
    --sombra: 0 6px 18px rgba(0, 0, 0, .08);

    /* Tipografía */
    --fuente: 'Segoe UI', system-ui, sans-serif;
}