/*
https://coolors.co/dd0000-5dceff-ffae03-624cab-220901
https://css-tricks.com/a-complete-guide-to-custom-properties/
*/
:root{

--primary: #DD0000;
--primary-light: #FFE9EE;
--primary-lighter: #FFFAFA;
--primary-dark: #BA0000;
--primary-darker: #940000;


/* Grey (unbranded) 
--primary: #777777;
--primary-light: #CCCCCC;
--primary-lighter: #F1F1F1;
--primary-dark: #555555;
--primary-darker: #333333;
*/


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

--tertiary: #5DCEFF;
--tertiary-light: #D6F3FF;
--tertiary-lighter: #F5FCFF;
--tertiary-dark: #00A9FF;
--tertiary-darker: #3872FF;



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