@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    /* Colours */
    --brand-primary: #191919;
    --brand-secondary: #f37021;
    --brand-success: #3dae2b;
    --brand-danger: #e1251b;
    --brand-info: #002f87;
    --brand-grey: #737373;

    --brand-secondary-bg: #fafafa;
    --brand-light-grey: #DDDDDD;
    --brand-medium-grey: #9A9A9A;
    --brand-dark-grey: #737373;

    --brand-blue: #3A7EB3;
    --brand-light-blue: #2CA8DF;
    --brand-yellow: #FFB600;
    --brand-light-green: #3DAE2B;

    --brand-green: #00833E;
    --brand-red: #E1251B;
    --brand-purple: #C92C99;
    --brand-dark-blue: #002F87;

    /* Element Styling */
    --brand-font-size-xs: '0.75rem';
	--brand-font-size-sm: '0.875rem';
	--brand-font-size-md: '1rem';
	--brand-font-size-lg: '1.125rem';
	--brand-font-size-xl: '1.25rem';
	--brand-font-size-2xl: '1.5rem';
	--brand-font-size-3xl: '1.875rem';
	--brand-font-size-4xl: '2.25rem';
	--brand-font-size-5xl: '3rem';
	--brand-font-size-6xl: '3.75rem';

	--brand-radius-size-sm: '0.875rem';
	--brand-radius-size-md: '1rem';
	--brand-radius-size-lg: '1.125rem';
	--brand-radius-size-xl: '1.25rem';
	--brand-radius-size-2xl: '1.5rem';
	--brand-radius-size-3xl: '1.875rem';
	--brand-radius-size-full: '9999px';

    --brand-font-heading: 'Poppins';
    --brand-font-body: 'Lato';
}