:root {
    --primary: #003882;
    --primary-transparent-075: #003882BF;
    --primary-transparent-050: #00388280;
    --primary-transparent-006: #0038820F;
    --primary-tint-075: #406AA1;
    --primary-tint-050: #7496C2;
    --primary-tint-025: #B4C7E0;
    --primary-tint-006: #EBF0F7;
    --accent-1: #f0821a;
    --accent-1-transparent-075: #f0821aBF;
    --accent-1-transparent-050: #f0821a80;
    --accent-1-transparent-006: #f0821a0F;
    --accent-1-tint-075: #F5B376;
    --accent-1-tint-050: #F7CCA3;
    --accent-1-tint-025: #FAE4CF;
    --accent-1-tint-006: #FFFAF5;
    --accent-2: #ffce00;
    --accent-2-transparent-075: #ffce00BF;
    --accent-2-transparent-050: #ffce0080;
    --accent-2-transparent-030: #ffce004D;
    --accent-2-transparent-015: #ffce0026;
    --accent-2-tint-075: #FFE066;
    --accent-2-tint-050: #FFEB99;
    --accent-2-tint-030: #FFF3C2;
    --accent-2-tint-015: #FFF9E0;
    --success: #76b82a;
    --success-transparent-075: #76b82aBF;
    --success-transparent-025: #76b82a40;
    --success-tint-075: #A1C973;
    --success-tint-025: #DEEDCC;
    --warning: #f0821a;
    --alert: #b22222;
    --alert-transparent-020: #b2222233;
    --alert-tint-020: #F0D3D3;
    --white: #FFFFFF;
    --white-transparent-050: rgba(255, 255, 255, .5);
    --grey-light-1: #F6F6F6;
    --grey-light-2: #F0F0F0;
    --grey-light-3: #E8E8E8;
    --grey-light-4: #C8CCCC;
    --grey-dark-1: #B0B0B0;
    --grey-dark-2: #848484;
    --grey-dark-3: #646567;
    --grey-dark-4: #444444;
    --gradient-accent-1: linear-gradient(to top, var(--accent-1), var(--accent-1-tint-050));
    --gradient-accent-2: linear-gradient(to top, var(--accent-2), var(--accent-2-tint-050));
    --gradient-success: linear-gradient(to top, var(--success), var(--success-tint-025));
    --gradient-primary: linear-gradient(to top, var(--primary), var(--primary-tint-050));
    --gradient-grey-light-3-to-1: linear-gradient(to top, var(--grey-light-3), var(--grey-light-1));
    --gradient-grey-light-4-to-3: linear-gradient(to top, var(--grey-light-4), var(--grey-light-3));
    --gradient-grey-dark-3-to-1: linear-gradient(to top, var(--grey-dark-3), var(--grey-dark-1));
}