:root {
    --darker-brand: #001E54;
    --primary-brand: #5C9F00;
    --normal-brand: #8DC63F;
    --lighter-brand: #A3D165;
    --ultralight-brand: #D1E8B2;
    --primary-blue: #024874;
    --normal-blue: #026cb6;
    --lighter-blue: #99c4e2;
    --ultralight-blue: #cce1f0;
    --button-bkgnd: #dddddd;
    --btn-primary-bkgnd: var(--normal-brand);
    --btn-primary-text: white;
    --btn-bkgnd: var(--ultralight-blue);
    --btn-text: var(--primary-blue);
    --brand-gradient: linear-gradient(180deg, var(--primary-brand), var(--primary-brand) 50%, var(--lighter-brand) 100%);
    --menu-icon-color: #aaa;
    --menu-hover-bkgnd: #8DC63F;
    --dialog-bkgnd: #eee8aa;
    --info-bkgnd: #F0EAB2;
    --card-bkgnd: white;
    --hover-bkgnd: var(--ultralight-brand);
    --disabled-item-color: #777;
    --frame-color: #ddd;
}


:root {
    --top-bar-height: 7rem;
    --wizard-bar-height: 5rem;
}