/* Theme CSS Variables — MfeComercial
   Soft Blue Gray palette: slate + sky */

:root {
    /* Brand — Slate */
    --color-primary: #64748b;
    --color-primary-dark: #475569;
    --color-primary-light: #94a3b8;
    --color-text-on-light: #ffffff;

    /* Brand — Sky accent */
    --color-secondary: #38bdf8;
    --color-secondary-dark: #0ea5e9;
    --color-secondary-light: #7dd3fc;

    /* Backgrounds — Tema claro slate */
    --color-background: #e2e8f0;
    --color-surface: #ffffff;
    --color-elevated: #f1f5f9;

    /* Text */
    --color-text-primary: #1e293b;
    --color-text-secondary: #64748b;
    --color-text-muted: #94a3b8;

    /* Borders */
    --color-border: #cbd5e1;
    --color-divider: #e2e8f0;

    /* Semantic */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-error: #ef4444;
    --color-info: #38bdf8;

    /* App layout */
    --app-background: #e2e8f0;
    --app-surface: #ffffff;

    /* Header */
    --header-bg: #64748b;
    --header-text: #ffffff;

    /* Buttons */
    --button-lift-shadow: 0 4px 14px rgba(100, 116, 139, 0.35);
    --button-fill-bg: #64748b;
    --button-fill-text: #ffffff;
    --button-outline-border: #38bdf8;
    --button-outline-text: #38bdf8;

    /* Splash */
    --splash-bg: linear-gradient(160deg, #64748b 0%, #475569 100%);
    --splash-card-bg: #ffffff;
    --splash-card-border-top: #38bdf8;
    --splash-card-shadow: 0 12px 40px rgba(71, 85, 105, 0.4), 0 4px 12px rgba(0,0,0,0.15);
    --splash-progress-track: rgba(56, 189, 248, 0.2);
    --splash-progress-fill: linear-gradient(90deg, #64748b 0%, #94a3b8 50%, #38bdf8 100%);
    --splash-title-color: #1e293b;
    --splash-subtitle-color: #64748b;
    --splash-status-color: #64748b;
    --splash-pct-color: #38bdf8;
}

/* MudBlazor CSS variables override */
.MudBlazor {
    --mud-palette-primary: var(--color-primary);
    --mud-palette-primary-dark: var(--color-primary-dark);
    --mud-palette-primary-light: var(--color-primary-light);
    --mud-palette-secondary: var(--color-secondary);
    --mud-palette-background: var(--color-background);
    --mud-palette-surface: var(--color-surface);
    --mud-palette-text-primary: var(--color-text-primary);
    --mud-palette-text-secondary: var(--color-text-secondary);
}