/**
 * tokens.css
 * Fuente única de verdad para la paleta corporativa Aerosanidad y medidas
 * base del sistema. Declarar aquí cualquier color/radio/sombra nuevo en vez
 * de escribirlo literal dentro de una página o de custom.css.
 *
 * Se carga ANTES que custom.css (ver includes/head_assets.php) para que
 * custom.css pueda consumir estas variables.
 */
:root {
    /* Marca */
    --sis-primary: #1B6368;
    --sis-primary-dark: #123F42;
    --sis-accent: #2BB6C7;
    --sis-accent-tint: #D8F1F3;

    /* Superficie */
    --sis-bg: #F3F6F5;
    --sis-surface: #FFFFFF;
    --sis-stripe: #F4EFE6;
    --sis-border: #DCE4E3;

    /* Texto */
    --sis-ink: #16262A;
    --sis-ink-muted: #5B6E72;

    /* Semántica — deliberadamente distinta del acento de marca */
    --sis-success: #2E9E5B;
    --sis-success-tint: #E4F4EA;
    --sis-warning: #B4790E;
    --sis-warning-tint: #FBF0DC;
    --sis-danger: #C4433A;
    --sis-danger-tint: #FBE7E5;
    --sis-info: #2BB6C7;
    --sis-info-tint: #E1F5F7;

    /* Espaciado (múltiplos de 4px) */
    --sis-space-1: 4px;
    --sis-space-2: 8px;
    --sis-space-3: 12px;
    --sis-space-4: 16px;
    --sis-space-6: 24px;
    --sis-space-8: 32px;

    /* Radios */
    --sis-r-sm: 4px;
    --sis-r-md: 8px;
    --sis-r-lg: 14px;

    /* Elevación */
    --sis-shadow-1: 0 1px 2px rgba(18, 36, 42, .08), 0 6px 16px rgba(18, 36, 42, .08);
}