/* --- 1. PRIMARY BUTTONS (Blue Background, White Text) --- */
.btn-primary,
.btn-success,
.umb-button .btn-primary,
.umb-button .btn-success,
.umb-editor-footer .btn-success {
    background-color: #0080FF !important;
    border: 1px solid #0080FF !important;
    color: #ffffff !important;
    background-image: none !important;
    transition: background-color 0.2s ease;
}

    /* Hover: Darker Blue */
    .btn-primary:hover,
    .btn-success:hover,
    .umb-button .btn-primary:hover,
    .umb-button .btn-success:hover,
    .umb-editor-footer .btn-success:hover {
        background-color: #0066CC !important;
        border-color: #0066CC !important;
        color: #ffffff !important;
    }

/* --- 2. SECONDARY BUTTONS (White Background, Blue Border/Text) --- */
.btn-link,
.btn-outline-primary,
.umb-button .btn-link,
.umb-button .btn-outline-primary,
.umb-editor-footer .btn-link,
[type="button"].btn-link {
    background-color: #ffffff !important;
    border: 1px solid #0080FF !important;
    color: #0080FF !important;
    font-weight: bold !important;
    transition: all 0.2s ease;
}

    /* Hover: Very Light Blue Tint Background */
    .btn-link:hover,
    .btn-outline-primary:hover,
    .umb-button .btn-link:hover,
    [type="button"].btn-link:hover {
        background-color: #f0f8ff !important; /* AliceBlue tint */
        color: #0066CC !important;
        text-decoration: none !important;
    }

/* --- 3. DANGER BUTTONS (Keep Logout Red) --- */
.btn-danger,
.umb-button .btn-danger,
[type="button"].btn-danger {
    background-color: #d43f3a !important;
    border-color: #d43f3a !important;
    color: #ffffff !important;
}

    .btn-danger:hover {
        background-color: #ac2925 !important;
    }

/* --- 4. HEADER --- */
.umb-app-header {
    background-color: #3b4ca8 !important;
}

/* Header Active/Selected State */
.umb-app-header__navigation-link.-active
.umb-app-header__navigation-item.-active,
.umb-app-header__navigation-item.-active a,
.umb-app-header__navigation-item.-active .umb-app-header__navigation-link {
    color: #ffffff !important;
    font-weight: bold !important;
    border-bottom: 4px solid #ffffff !important;
}

/* Header Hover State (Non-active items) */
.umb-app-header__navigation-item:hover {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important;
}