/**
 * TurnoSalud IA — Design tokens compartidos
 */
:root {
    /* Paleta salud */
    --ts-blue: #0284c7;
    --ts-blue-light: #38bdf8;
    --ts-sky: #e0f2fe;
    --ts-teal: #0d9488;
    --ts-teal-light: #5eead4;
    --ts-mint: #f0fdfa;
    --ts-white: #ffffff;
    --ts-gray-50: #f8fafc;
    --ts-gray-100: #f1f5f9;
    --ts-gray-400: #94a3b8;
    --ts-gray-600: #475569;
    --ts-gray-800: #1e293b;
    --ts-text: #0f172a;
    --ts-text-muted: #64748b;

    /* App paciente */
    --app-primary: var(--ts-teal);
    --app-primary-dark: #0f766e;
    --app-accent: var(--ts-blue);
    --app-bg: var(--ts-mint);
    --app-surface: var(--ts-white);
    --app-shell-max: 430px;
    --app-nav-height: 68px;
    --app-header-height: 60px;
    --app-radius: 18px;
    --app-radius-sm: 12px;
    --app-shadow: 0 4px 24px rgba(2, 132, 199, 0.07);
    --app-shadow-lg: 0 12px 40px rgba(13, 148, 136, 0.12);
}