:root {
                --brand: #0061f2; --brand-dark: #0050c6; --brand-darker: #0042a5; --brand-light: #99c0fa; --brand-soft: #dbe9fd; --brand-on: #ffffff; --brand-rgb: 0, 97, 242; --page-bg: #f2f6fc;
                --primary-color: #0061f2;
                --primary-card-color: #339ab7;
                --secondary-card-color: #337ab7;
                --tertiary-card-color: #00b1cb;
                --mainImagePrimary: #0061f2;
                --mainImageSecondary: #6900c7cc;
                --primary-MainImage: linear-gradient(135deg, var(--mainImagePrimary) 0%, var(--mainImageSecondary)) !important;
                --primary-text-color: #363d47;
                --secondary-text-color: #69707A;
                --tertiary-text-color: #a7aeb8;
                --alternative-text-color: #ffffff;
                --primary-panel-color: #ffffff;
                --seconday-panel-color: #2128320d;
                --secondary-panel-color: #2128320d;
                --success-color: #15845f;
                --success-soft-color: #e8f6f0;
                --warning-color: #9a620b;
                --warning-soft-color: #fff5df;
                --danger-color: #c33d4a;
                --danger-soft-color: #fff0f2;
                --primary-shadow-color: rgb(33 40 50 / 15%);
                --primary-background-color: #f2f6fc;
                --notification-color: #e81500;
                --notification-success-color: green;
                --notification-danger-color: blue;
                --login-page-panel-color: white;
                --login-background-image: none;
                --bs-primary: #0061f2;
                --bs-primary-rgb: 0, 97, 242;
                --bs-link-color: #0061f2;
                --bs-link-hover-color: #0050c6;
            }
            .btn-outline-primary {
                --bs-btn-color: var(--brand); --bs-btn-border-color: var(--brand);
                --bs-btn-hover-bg: var(--brand); --bs-btn-hover-border-color: var(--brand);
                --bs-btn-active-bg: var(--brand); --bs-btn-active-border-color: var(--brand);
                --bs-btn-disabled-color: var(--brand); --bs-btn-disabled-border-color: var(--brand);
            }
            .text-primary { color: var(--brand) !important; }
            .bg-primary { background-color: var(--brand) !important; }
            .border-primary { border-color: var(--brand) !important; }