:root {
    /*UIDD Palette*/
    --01-black: #000000;
    --02-charcoal: #414141;
    --03-darkgrey: #828582;
    --04-grey: #b2b4Ae;
    --05-silver: #dcdddb;
    --06-lightgrey: #edeeec;
    --07-ultragrey: #f6f6f5;
    --08-superultragrey: #f8f8f8;
    --09-white: #ffffff;
    --100-red: #c0392b;
    --110-orange: #f39c12;
    --120-yellow: #ffd200;
    --121-lightyellow: #ffe092;
    --130-green: #27ae60;
    --140-blue: #3498db;
    --141-skyblue: #90c4e6;
    --150-navy: #1c5687;
    --160-deepnavy: #06396c;
    --170-lightnavy: #3498db;
    /*login page*/
    --text-color: var(--01-black);
    --background-color: var(--06-lightgrey);
    --container-background-color: var(--09-white);
    --button-text-color: var(--09-white);
    --button-background-color: var(--150-navy);
    --button-border-color: var(--150-navy);
    /*paste url(/api/static-documents/background-image) to add background image*/
    --background-image: none;
    --link-text-color: var(--150-navy);
    --link-hover-color: var(--170-lightnavy);
    --login-page-external-login-button-text-color: var(--03-darkgrey);
    --login-page-external-login-button-background-color: var(--09-white);
    --login-page-external-login-button-border-color: var(--03-darkgrey);
}