:root {
    --defaultFont: 'Fira Sans';
    --headlineFont: 'Fira Sans';
    --condensedFont: 'Fira Sans Condensed';
    --defaultSize: 16px;
    --defaultWeight: 400;

    --h1fontsize: 2.9875em;
    --h2fontsize: 2.4875em;
    --h3fontsize: 2.075em;
    --h4fontsize: 1.728125em;
    --h5fontsize: 1.4375em;
    --h6fontsize: 1.2em;
    
    --black: #000000;
    --text: #00305B;
    --secondary: #00305B;
    --light: #e4f3fa; 
    --background: #ffffff; 
    --white: #ffffff; 
    --lightgrey: #f6f6f6; 

    --black-5: rgba(0, 0, 0, 0.05);
    --black-15: rgba(0, 0, 0, 0.15);

    --white-10: rgba(255,255,255,0.1);
    --white-40: rgba(255,255,255,0.4);

    --radius-xxsmall: 0.25em;
    --radius-xsmall: 0.5em;
    --radius-small: 0.75em;
    --radius-medium: 1em;
    --radius-large: 1.75em;
    --radius-xlarge: 2.5em;
    --radius-xxlarge: 3.125em;
    --radius-full: 999rem;
    
    --stageSmall: 560px;
    --stageMedium: 768px;
}