/* Gradient backgrounds for light/dark mode support */
/* Hero Store & KPI gradients use MudBlazor CSS variables so they
   automatically adapt to whatever theme color the user selects.      */
:root {
    --gradient-get-started: linear-gradient(135deg, #f0f4f0 0%, #d4e6d4 100%);
    --gradient-hero-accounting: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    /* Store hero: theme-primary → darker shade (professional, matches user theme) */
    --gradient-hero-store: linear-gradient(135deg,
        var(--mud-palette-primary) 0%,
        color-mix(in srgb, var(--mud-palette-primary) 60%, #000) 100%);
    /* KPI module gradients — muted, desaturated, professional per-module palette */
    --gradient-kpi-primary:   linear-gradient(135deg, #5C6BC0 0%, #3949AB 100%); /* muted indigo  */
    --gradient-kpi-secondary: linear-gradient(135deg, #8D6E63 0%, #6D4C41 100%); /* warm brown    */
    --gradient-kpi-success:   linear-gradient(135deg, #66BB6A 0%, #43A047 100%); /* muted green   */
    --gradient-kpi-info:      linear-gradient(135deg, #26A69A 0%, #00897B 100%); /* muted teal    */
    --gradient-kpi-warning:   linear-gradient(135deg, #FFA726 0%, #E65100 100%); /* warm amber    */
    --gradient-kpi-light:     linear-gradient(135deg, #78909C 0%, #546E7A 100%); /* blue-grey     */
    --gradient-get-started-tint: linear-gradient(135deg,
        color-mix(in srgb, var(--mud-palette-primary) 10%, transparent) 0%,
        color-mix(in srgb, var(--mud-palette-secondary) 10%, transparent) 100%);
}

.dark-theme {
    --gradient-get-started: linear-gradient(135deg, #1b1f22 0%, #202528 100%);
    --gradient-hero-accounting: linear-gradient(135deg, #0a8b7e 0%, #1fb56f 100%);
    /* In dark mode the same theme-variable gradient auto-darkens via the palette */
    --gradient-hero-store: linear-gradient(135deg,
        var(--mud-palette-primary) 0%,
        color-mix(in srgb, var(--mud-palette-primary) 50%, #000) 100%);
    /* KPI module gradients — same hues, slightly deeper for dark mode contrast */
    --gradient-kpi-primary:   linear-gradient(135deg, #4a5ba3 0%, #2c3a8a 100%);
    --gradient-kpi-secondary: linear-gradient(135deg, #6d5650 0%, #4e342e 100%);
    --gradient-kpi-success:   linear-gradient(135deg, #4caf60 0%, #2e7d32 100%);
    --gradient-kpi-info:      linear-gradient(135deg, #1a8f84 0%, #006961 100%);
    --gradient-kpi-warning:   linear-gradient(135deg, #e59520 0%, #b44000 100%);
    --gradient-kpi-light:     linear-gradient(135deg, #546c7a 0%, #37474f 100%);
    --gradient-get-started-tint: linear-gradient(135deg,
        color-mix(in srgb, var(--mud-palette-primary) 12%, transparent) 0%,
        color-mix(in srgb, var(--mud-palette-secondary) 12%, transparent) 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);
    }
}