/*
https://coolors.co/dd0000-5dceff-ffae03-624cab-220901
https://css-tricks.com/a-complete-guide-to-custom-properties/
*/
:root{
--primary: #75afa3;
--primary-light: #e5fcf9;
--primary-lighter: #cff7f1;
--primary-dark: #569F91;
--primary-darker: #33655C;

--secondary: #ffc63d;
--secondary-light: #FFF2D6;
--secondary-lighter: #FFFAF0;
--secondary-dark: #FF8C03;
--secondary-darker: #DA5F03;

--tertiary: #005697;
--tertiary-light: #076cb9;
--tertiary-lighter: #1085df;
--tertiary-dark: #013f6e;
--tertiary-darker: #012c4d;



--gray-1: #FDFDFD;
--gray-2: #FAFAFA;
--gray-5: #F2F2F2;


--spacing-largest: 32px;
--spacing-larger: 24px;
--spacing-large: 16px;
--spacing-medium: 8px;
--spacing-small: 4px;
--spacing-smaller: 2px;
--spacing-smallest: 1px;

--border-radius-largest: 32px;
--border-radius-larger: 24px;
--border-radius-large: 16px;
--border-radius-medium: 8px;
--border-radius-small: 4px;
--border-radius-smaller: 2px;
--border-radius-smallest: 1px;
}