/* Gradient backgrounds for light/dark mode support */
:root {
    --gradient-get-started: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --gradient-hero-accounting: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    --gradient-hero-store: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-kpi-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-kpi-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-kpi-success: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    --gradient-kpi-info: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --gradient-kpi-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    --gradient-kpi-light: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

.dark-theme {
    --gradient-get-started: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
    --gradient-hero-accounting: linear-gradient(135deg, #0a8b7e 0%, #1fb56f 100%);
    --gradient-hero-store: linear-gradient(135deg, #4a3d7f 0%, #5a3f5c 100%);
    --gradient-kpi-primary: linear-gradient(135deg, #4a3d7f 0%, #5a3f5c 100%);
    --gradient-kpi-secondary: linear-gradient(135deg, #7a3a5f 0%, #6a2340 100%);
    --gradient-kpi-success: linear-gradient(135deg, #2a6b5e 0%, #1a9b7f 100%);
    --gradient-kpi-info: linear-gradient(135deg, #2a5f9e 0%, #1a7f9e 100%);
    --gradient-kpi-warning: linear-gradient(135deg, #6a4a6f 0%, #5a4a4f 100%);
    --gradient-kpi-light: linear-gradient(135deg, #3a5d6a 0%, #4a3d5a 100%);
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: inherit;
}

.mud-list {
    border: 1px solid var(--mud-palette-lines-default)
}

/* Login page loading animation */
.login-loading-container {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}