:root {
    /*Colors*/
    --primary-color: #000;
    --secondary-color: #FFF; 

    /*Fonts*/
    --displayLarge: 'Satisfy', 'Sedgwick Ave Display';
    --headlineLarge: 'Raleway'; 
    --title: 'Sedgwick Ave Display';
    --label: 'Zen Maru Gothic';
    --body: 'Merriweather';

    /*typography*/
    --navFontSize: 8px;
    --mobileFontSize:12px;
    --labelFontSize: 8px;
    --titleFontSize:22px;
    --bodyFontSize:16px;

    /*spacing*/
    --spacing-8: 8px;
    --spacing-16: 16px;
    --spacing-24: 24px;
    --spacing-32: 32px;

    /*shadows and Borders*/

    /*Breakpoints*/ 
    --breakpoint-mobile: 576px;
    --breakpoint-tablet: 768px;
    --breakpoint-small-laptop: 992px;
    --breakpoint-desktop: 1200px;
}