:root {
    /* IUMS Theme - Bronze to Brown Gradient Colors */
    --iums-bronze: #4DC4D2; /* Warm Bronze - IUMS accent color */
    --iums-gold: #F4A79D; /* Warm Gold */
    --iums-amber: #F16C4F; /* Soft Amber */
    --iums-copper: #F77856; /* Copper tone */
    --iums-brown-light: #6699D1; /* Light Brown */
    --iums-brown: #3566A8; /* Main Brown - Graduation cap color */
    --iums-brown-dark: #1B4B7F; /* Dark Brown */
    --iums-chocolate: #0B3356; /* Deep Chocolate Brown */
    --iums-tan: #F77856; /* Tan */
    --iums-beige: #F5F5DC; /* Light Beige */
    /* Theme Variables - Dark Brown Dominant */
    --primary-color: var(--iums-brown-dark); /* Dark Brown as Primary */
    --primary-dark: var(--iums-chocolate); /* Chocolate for darker states */
    --primary-light: #D0E7FC; /* Light Brown Background */
    --secondary-color: var(--iums-brown); /* Medium Brown Secondary */
    --secondary-light: #4DC4D2; /* Light Tan Background */
    --accent-color: var(--iums-bronze); /* Bronze as Accent */
    --text-primary: var(--iums-chocolate); /* Dark text */
    --text-secondary: var(--iums-brown); /* Brown secondary text */
    --background: #FBF8F5; /* Warm cream background */
    --surface: #FFFFFF;
    --border: #A8C2E2;
    /* Navigation Colors */
    --nav-background: linear-gradient(180deg, var(--iums-brown-dark) 0%, var(--iums-chocolate) 100%);
    --nav-text: #FFFFFF;
    --nav-text-secondary: rgba(255, 255, 255, 0.8);
    /* Heading Colors - Gradient from Deep to Light */
    --h1-color: var(--iums-chocolate); /* Deep chocolate - strongest for main titles */
    --h2-color: var(--iums-brown-dark); /* Dark brown - primary theme color */
    --h3-color: var(--iums-brown); /* Medium brown - softer variant */
    --h4-color: var(--iums-brown-light); /* Light brown - gentler tone */
    --h5-color: var(--iums-bronze); /* Bronze - secondary theme color */
    --h6-color: var(--iums-tan); /* Lightest brown - subtle headers */
    --nav-hover: rgba(212, 165, 116, 0.2);
    --nav-active: var(--iums-bronze);
    /* Status Colors */
    --success: #4BAA76;
    --warning: var(--iums-amber);
    --error: #F44336;
    --info: var(--iums-burnt-orange);
}

/* Override MudBlazor theme colors */
.mud-theme-primary {
    color: var(--primary-color) !important;
}

.mud-button-filled.mud-button-filled-primary {
    background-color: var(--primary-color);
    color: white;
    border: none;
}

    .mud-button-filled.mud-button-filled-primary:hover {
        background-color: var(--primary-dark);
        color: white;
    }

.mud-icon-button {
    color: var(--text-primary);
}

.mud-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(135, 206, 235, 0.1);
}

.mud-paper {
    background-color: var(--surface);
}

/* Global Heading Colors */
h1, .mud-typography-h1 {
    color: var(--h1-color) !important;
}

h2, .mud-typography-h2 {
    color: var(--h2-color) !important;
}

h3, .mud-typography-h3 {
    color: var(--h3-color) !important;
}

h4, .mud-typography-h4 {
    color: var(--h4-color) !important;
}

h5, .mud-typography-h5 {
    color: var(--h5-color) !important;
}

h6, .mud-typography-h6 {
    color: var(--h6-color) !important;
}

/* Navigation styling */
.mud-nav-link {
    color: var(--text-primary);
    /*border-radius: 8px;*/
    margin: 2px 0;
    transition: all 0.3s ease;
}

    .mud-nav-link:hover {
        background-color: var(--primary-light);
        color: var(--primary-dark);
    }

    .mud-nav-link.active {
        /*background-color: var(--primary-color);*/
        color: var(--text-primary);
        font-weight: 600;
    }

/* Input fields */
.mud-input-filled {
    background-color: var(--primary-light);
    border-radius: 8px;
}

.mud-input-outlined {
    border-color: var(--border);
    border-radius: 8px;
}

    .mud-input-outlined:focus-within {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 2px rgba(212, 165, 116, 0.2);
    }

/* Sidebar */
.sidebar {
    background: linear-gradient(180deg, #1B4B7F 0%, #0B3356 100%);
    border-right: 1px solid #1B4B7F;
    box-shadow: 2px 0 10px rgba(93, 64, 55, 0.1);
}

/* Removed excessive CSS overrides - Let Theme Provider handle this */

/* Clean Minimal CSS - Let Theme Provider Handle Everything Else */
.sidebar,
.top-row.navbar-dark,
.nav-scrollable {
    background: linear-gradient(180deg, #1B4B7F 0%, #0B3356 100%) !important;
}

/* Dashboard cards */
.dashboard-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    transition: all 0.3s ease;
    overflow: hidden;
}

    .dashboard-card:hover {
        box-shadow: 0 4px 20px rgba(212, 165, 116, 0.15);
        transform: translateY(-2px);
    }

.dashboard-card-header {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--iums-rust) 100%);
    color: white;
    padding: 1rem;
    align-items: center;
}

.dashboard-stat-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

    .dashboard-stat-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 20px rgba(212, 165, 116, 0.15);
    }

.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-dark);
    margin-bottom: 0.5rem;
}

.stat-label {
    color: var(--text-secondary);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Auth layout */
.auth-page {
    background: linear-gradient(135deg, var(--primary-light) 0%, var(--surface) 100%);
}

.auth-card {
    background: var(--surface);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border);
    box-shadow: 0 8px 32px rgba(255, 152, 0, 0.2);
}

/* Alerts */
.mud-alert-filled-info {
    background-color: var(--primary-light);
    color: var(--text-primary);
    border: 1px solid var(--primary-color);
}

.mud-alert-filled-success {
    background-color: #E8F5E8;
    color: #2E7D32;
    border: 1px solid var(--success);
}

/* Progress indicators */
.mud-progress-circular {
    color: var(--primary-color);
}

/* Breadcrumbs */
.mud-breadcrumbs {
    color: var(--text-secondary);
}

.mud-breadcrumb-item.mud-breadcrumb-item-current {
    color: var(--primary-dark);
    font-weight: 600;
}

/* Utility classes */
.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.bg-primary-light {
    background-color: var(--primary-light) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

/* Additional IUMS Theme Enhancements */

/* Removed - Let Theme Provider handle auth styling */

/* Let MudBlazor Theme Provider handle most styling - minimal overrides only */