:root {
    --unify-darkest-color: #00211D;
    --unify-dark-color: #06453E;
    --unify-light-color: #538E88;
    --unify-lightest-color: #A4C3C0;
    --unify-bg-color: #236A62;

    --unify-alert-error-color: #ffaaa5;
    --unify-alert-info-color: #d0e1f9;
    --unify-alert-succ-color: #96ceb4;

    /* https://htmlcolorcodes.com/color-chart/material-design-color-chart/ */
    --unify-red-color: #FFCDD2;
    --unify-light-red-color: #FFEBEE;
    --unify-pink-color: #F8BBD0;
    --unify-light-pink-color: #FCE4EC;
    --unify-purple-color: #E1BEE7;
    --unify-light-purple-color: #F3E5F5;
    --unify-indigo-color: #C5CAE9;
    --unify-light-indigo-color: #E8EAF6;
    --unify-blue-color: #BBDEFB;
    --unify-light-blue-color: #E3F2FD;
    --unify-cyan-color: #B2EBF2;
    --unify-light-cyan-color: #E0F7FA;
    --unify-teal-color: #B2DFDB;
    --unify-light-teal-color: #E0F2F1;
    --unify-green-color: #C8E6C9;
    --unify-light-green-color: #E8F5E9;
    --unify-lime-color: #F0F4C3;
    --unify-light-lime-color: #F9FBE7;
    --unify-yellow-color: #FFF9C4;
    --unify-light-yellow-color: #FFFDE7;
    --unify-orange-color: #FFE0B2;
    --unify-light-orange-color: #FFF3E0;
    --unify-brown-color: #D7CCC8;
    --unify-light-brown-color: #EFEBE9;
    --unify-grey-color: #F5F5F5;
    --unify-light-grey-color: #FAFAFA;
    --unify-blue-grey-color: #CFD8DC;
    --unify-light-blue-grey-color: #ECEFF1;

}