:root {
    --login-card-box-color: #bcc0c7;
    --login-card-box-hover-color: #1263ca;
    --login-card-box-focus-color: #1263ca;
    --login-background: #fcfcff;
    --language-icon-color: #ffffff;
    --language-icon-bg-color: #1262c9;
    --brand-only-logo-url: url("/logo.png");
    --brand-logo-url: url("/logo.png");
    --background-logo-url: url("/images/illustration_one.png");
    --footer-brand-logo-url: url("/images/footer_logo.png");
    --data-exchange-url: url("/images/data-exchange.svg");
    --primary-button-color: #ffffff;
    --primary-button-bg-color: #0953fa;
    --primary-button-border-color: #0953fa;
    --primary-button-hover-color: #ffffff;
    --primary-button-hover-bg-color: #0549b6;
    --primary-button-hover-border-color: #0549b6;
    --primary-button-disable-color: #94a3b8;
    --primary-button-disable-bg-color: #ffffff;
    --primary-button-disable-border-color: #94a3b8;
    --secondary-button-color: #111827;
    --secondary-button-bg-color: #ffffff;
    --secondary-button-border-color: #0953fa;
    --secondary-button-hover-color: #111827;
    --secondary-button-hover-bg-color: #f3f4f6;
    --secondary-button-hover-border-color: #0953fa;
    --secondary-button-disable-color: #94a3b8;
    --secondary-button-disable-bg-color: #ffffff;
    --secondary-button-disable-border-color: #94a3b8;
    --loading-indicator-ring-color: #3182ce;
    --loading-indicator-bg-color: transparent;
    --loading-indicator-font-color: #000000;
    --qrcode-border-color: #1263ca;
    --info-icon-color: #0686f0;
    --toggle-button-inactive-bg-color: #ffffff;
    --toggle-button-inactive-border-color: #d8d8d8;
    --toggle-button-active-bg-color: #ffffff;
    --toggle-button-active-border-color: #1262c9;
    --toggle-button-inactive-ball-color: #a7a8a9;
    --toggle-button-inactive-ball-border-color: #a7a8a9;
    --toggle-button-active-ball-color: #0f4356;
    --toggle-button-active-ball-border-color: #0f4356;
    --toggle-button-ring-color: #0f4356;
    --header-height: 55px;
    --footer-height: 47px;
    --signup-banner-background-color: #fff6f2;
    --signup-banner-bottom-radius: 20px;
    --signup-banner-padding-top: 20px;
    --signup-banner-padding-bottom: 20px;
    --signup-banner-margin-top: 16px;
    --signup-banner-signup-url-color: #1262c9;
    --signup-banner-signup-url-color-hover: #2f8ea3;
    --signup-banner-signup-url-color-focus: #2f8ea3;
    --multipurpose-login-card-border-radius: 20px;
    --multipurpose-login-card-background-color: #ffffff;
    --top-left-bg-logo-url: url("/images/top_left_bg_logo.svg");
    --bottom-right-bg-logo-url: url("/images/bottom_right_bg_logo.svg");
    --login-client-logo-image-height: 5rem;
    --login-client-logo-image-width: 8rem;
    --login-alternate-arrow: "\21CB";
    --login-alternate-arrow-size: 3rem;
    --login-text-color: #4b5563;
    --login-card-separator: linear-gradient(0deg, #ffffff 0%, #f7fcff 100%);
    --login-card-separator-height: 20px;
    --footer-text-color: #fff;
    --footer-text-size: 14px;
    --language-check-icon-color: #1262c9;
    --forgot-password-color: #1262c9;
    --forgot-password-font-size: small;
    --forgot-password-width: max-content;
    --forgot-password-margin-top: 1rem;
    --password-google-reCaptcha-margin-top: 3rem;
}

[class="orange_theme"] {
    --login-card-box-color: #bcc0c7;
    --login-card-box-hover-color: #eb6f2d;
    --login-card-box-focus-color: #eb6f2d;
    --login-background: #f7f9fd;
    --language-icon-color: #ffffff;
    --language-icon-bg-color: #eb6f2d;
    --brand-only-logo-url: url("/logo.png");
    --brand-logo-url: url("/images/brand_logo.png");
    --background-logo-url: url("/images/illustration_one.png");
    --footer-brand-logo-url: url("/images/footer_logo.png");
    --primary-button-color: #ffffff;
    --primary-button-bg-color: #eb6f2d;
    --primary-button-border-color: #eb6f2d;
    --primary-button-hover-color: #ffffff;
    --primary-button-hover-bg-color: #eb6f2d;
    --primary-button-hover-border-color: #eb6f2d;
    --primary-button-disable-color: #ffffff;
    --primary-button-disable-bg-color: #cbcbcb;
    --primary-button-disable-border-color: #cbcbcb;
    --secondary-button-color: #eb6f2d;
    --secondary-button-bg-color: #ffffff;
    --secondary-button-border-color: #ffffff;
    --secondary-button-hover-color: #eb6f2d;
    --secondary-button-hover-bg-color: #ffffff;
    --secondary-button-hover-border-color: #ffffff;
    --secondary-button-disable-color: #ffffff;
    --secondary-button-disable-bg-color: #cbcbcb;
    --secondary-button-disable-border-color: #cbcbcb;
    --loading-indicator-ring-color: #eb6f2d;
    --loading-indicator-bg-color: transparent;
    --loading-indicator-font-color: #000000;
    --qrcode-border-color: #eb6f2d;
    --info-icon-color: #eb6f2d;
    --toggle-button-inactive-bg-color: #ffffff;
    --toggle-button-inactive-border-color: #d8d8d8;
    --toggle-button-active-bg-color: #ffdecc;
    --toggle-button-active-border-color: #ffffff;
    --toggle-button-inactive-ball-color: #cbcbcb;
    --toggle-button-inactive-ball-border-color: #cbcbcb;
    --toggle-button-active-ball-color: #eb6f2d;
    --toggle-button-active-ball-border-color: #eb6f2d;
    --toggle-button-ring-color: #eb6f2d;
    --header-height: 55px;
    --footer-height: 47px;
    --signup-banner-background-color: #fff6f2;
    --signup-banner-bottom-radius: 10px;
    --signup-banner-padding-top: 20px;
    --signup-banner-padding-bottom: 20px;
    --signup-banner-margin-top: 16px;
    --signup-banner-signup-url-color: #eb6f2d;
    --signup-banner-signup-url-color-hover: #eb6f2d;
    --signup-banner-signup-url-color-focus: #eb6f2d;
    --multipurpose-login-card-border-radius: 10px;
    --multipurpose-login-card-background-color: #ffffff;
    --top-left-bg-logo-url: url("/images/top_left_bg_logo.svg");
    --bottom-right-bg-logo-url: url("/images/bottom_right_bg_logo.svg");
    --login-client-logo-image-height: 2.75rem;
    --login-client-logo-image-width: 2.75rem;
    --login-alternate-arrow: "\21C4";
    --login-alternate-arrow-size: 1.5rem;
    --login-text-color: #333333;
    --login-card-separator: linear-gradient(
        0deg,
        rgb(0, 0, 0, 0.2) 0%,
        rgb(0, 0, 0, 0.2) 100%
    );
    --login-card-separator-height: 1px;
    --footer-text-color: #fff;
    --footer-text-size: 14px;
    --language-check-icon-color: #eb6f2d;
    --forgot-password-color: #eb6f2d;
    --forgot-password-font-size: small;
    --forgot-password-width: max-content;
    --forgot-password-margin-top: 1rem;
    --password-google-reCaptcha-margin-top: 3rem;
}