/* Design system VTC España — tokens globales (paleta provisional H0; el diseño definitivo no es objetivo de H0) */
:root {
    /* Color */
    --vtc-primario: #0E4C5C;
    --vtc-primario-oscuro: #093947;
    --vtc-primario-claro: #E6F0F2;
    --vtc-acento: #E8A13D;
    --vtc-texto: #1A222B;
    --vtc-texto-secundario: #55606C;
    --vtc-fondo: #FFFFFF;
    --vtc-fondo-suave: #F5F7F8;
    --vtc-borde: #DDE3E7;
    --vtc-error: #B4232C;
    --vtc-exito: #1E7A46;

    --vtc-gradiente-primario: linear-gradient(135deg, var(--vtc-primario), var(--vtc-primario-oscuro));

    /* Tipografía */
    --vtc-fuente: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --vtc-texto-sm: 14px;
    --vtc-texto-base: 16px;
    --vtc-texto-lg: 18px;
    --vtc-texto-xl: 24px;
    --vtc-texto-2xl: 32px;
    --vtc-texto-3xl: 40px;
    --vtc-peso-medio: 500;
    --vtc-peso-semibold: 600;
    --vtc-peso-bold: 700;

    /* Espaciado */
    --vtc-esp-1: 4px;
    --vtc-esp-2: 8px;
    --vtc-esp-3: 12px;
    --vtc-esp-4: 16px;
    --vtc-esp-6: 24px;
    --vtc-esp-8: 32px;
    --vtc-esp-12: 48px;
    --vtc-esp-16: 64px;

    /* Bordes y sombras */
    --vtc-radio-sm: 6px;
    --vtc-radio-md: 10px;
    --vtc-radio-full: 9999px;
    --vtc-sombra-suave: 0 2px 8px rgba(14, 76, 92, .08);
    --vtc-sombra-elevada: 0 8px 24px rgba(14, 76, 92, .12);

    /* Transiciones */
    --vtc-transicion: .2s ease;
}