:root {
    --color-text: #202124;
    --color-link: rgb(25,103,210);
    --color-green: #009900;
    --color-gray1: #5f6368;
    --color-gray2: #707070;
    --color-gray3: #606367;
    --color-light-gray1: #f1f3f4;
    --color-light-gray2: #fafafa;
    --color-light-gray3: #e8e8e8;
    --color-light-gray4: #d4d4d4;
    --color-promo-icon: #ff9900;
    --color-orange: #ea7110;
    --color-error: #cc0001;

    --color-blue1: #3b70e8;
    --color-blue1-hover: #1255ab;
    --color-blue2: #0052cc;
    --color-white: #ffffff;

    --bg-main: #f1f5f9;
    --bg-dark-dropdown: #133e50;
    --bg-menu-col: #e2e8f0;
    --bg-topbar-secondary: #b1c3cb;
    --bg-topbar-main: #164e63;
    --bg-primary: #164e63;
    --bg-primary-hover: #1d5d74;
    --bg-secondary: #0d9488;
    --bg-secondary-hover: #11ab9f;
    --bg-default: #e2e8f0;
    --bg-default-hover: #eaedf1;
    --bg-search-topbar: #e2e8f0;
}