/*
https://coolors.co/dd0000-5dceff-ffae03-624cab-220901
https://css-tricks.com/a-complete-guide-to-custom-properties/
*/
:root{
--primary: #222222;
--primary-light: #cccccc;
--primary-lighter: #f5f5f5;
--primary-dark: #cccccc;
--primary-darker: #f5f5f5;



--secondary: #FFAE03;
--secondary-light: #FFF2D6;
--secondary-lighter: #FFFAF0;
--secondary-dark: #cccccc;
--secondary-darker: #f5f5f5;

--tertiary: #5DCEFF;
--tertiary-light: #D6F3FF;
--tertiary-lighter: #F5FCFF;
--tertiary-dark: #cccccc;
--tertiary-darker: #f5f5f5;


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

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

--border-radius-largest: 2px;
--border-radius-larger: 2px;
--border-radius-large: 2px;
--border-radius-medium: 2px;
--border-radius-small: 2px;
--border-radius-smaller: 2px;
--border-radius-smallest: 1px;
}