/**
 * MI Heart — base styles (placeholder).
 *
 * Variáveis alinhadas ao design system Máquina de Ingressos.
 * Componentes específicos (modal de ingresso, carrossel de datas, checkout)
 * serão adicionados conforme UI Layer evolui.
 */
:root {
    --mi-color-primary:    #e1135b;
    --mi-color-primary-50: #fef2f7;
    --mi-color-text:       #1a1a1a;
    --mi-color-text-muted: #6b7280;
    --mi-color-border:     #e5e7eb;
    --mi-color-bg:         #ffffff;
    --mi-color-bg-alt:     #f9fafb;
    --mi-color-success:    #10b981;
    --mi-color-warning:    #f59e0b;
    --mi-color-danger:     #ef4444;

    --mi-radius-sm: 6px;
    --mi-radius-md: 12px;
    --mi-radius-lg: 16px;

    --mi-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --mi-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --mi-shadow-lg: 0 5px 3px rgba(0, 0, 0, 0.15);
}