: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)); }