:root {
    --blue1: #1674cb;
    --blue2: #307fe2;
    --blue3: #225aa1;
    --red1: #e00000;
    --red2: #ededed;
    --red3: #f8f8ff;
    --red4: #8888aa;
    --white1: #f8f8f8;
    --white2: #d7d7d7;
    --white3: #fff;
    --black1: #363636;
    --grey0: #000;
    --grey3: #333;
    --grey4: #444;
    --grey5: #555;
    --grey8: #888;
    --greya: #aaa;
    --greyc: #ccc;
    --greyf: #fff;

    /* Login page theme variables */
    --login-page-bg: #F5F5F5;
    --login-nav-bg: #ffffff;
    --login-card-bg: #ffffff;
    --login-card-border: rgba(0, 76, 106, 0.27);
    --login-body-text: #2E2E2E;
    --login-input-bg: #ffffff;
    --login-input-border: #D1D5DB;
    --login-placeholder: #9CA3AF;
    --login-panel-header-bg: #f9fafb;
    --login-panel-border: #e5e7eb;
    --login-btn-secondary-bg: #ffffff;
    --login-btn-secondary-hover-bg: #F5F5F5;
    --login-btn-secondary-color: #004C6A;
    --login-link-color: #0A4F63;
    --login-autofill-bg: #ffffff;
    --login-autofill-text: #2E2E2E;
}