:root {
    --page-bg-color: #f3f4f6 !important;
    --button-bg-color: #f7f9fc !important;
    --button-text-color: #120f22 !important;
    --menu-bg-color: #1e3a5f !important;
    --menu-text-color: #ffffff !important;
    --modal-header-bg-color: #1e3a5f !important;
    --submenu-hover-color: #c0c4cf !important;
    --brand-gradient-start: #ececec !important;
    --brand-gradient-end: #e9e9e9 !important;
    --page-header-bg-start: #3a5a7c;
    --page-header-bg-end: #57728f;
    --card-bg-color: #ffffff;
    --card-border-radius: 14px;
    --card-shadow-opacity: 0.06;
    --main-content-width: 95;
}
.up-main-card {
    background: var(--card-bg-color, #fff);
    border-radius: var(--card-border-radius, 14px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, var(--card-shadow-opacity, 0.06));
    padding: 20px 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.up-themed-body {
    background: var(--page-bg-color, #f3f4f6) !important;
}