html {
        font-size: 16px;
    }


    :root {
        
        /* ACCENT COLOR */

        --theme-accent-hsl: 48, 79%, 51%;
        --theme-on-accent-hsl: 48, 80%, 10%;

        --theme-accent: hsl(var(--theme-accent-hsl));
        --theme-on-accent: hsl(var(--theme-on-accent-hsl));

        /* FONTS */
        --ff-heading: 'Sofia Sans Condensed', sans-serif;
        --fw-heading: 900;
        --ff-text: 'Sofia Sans', sans-serif;
        --fw-text: 400;   

        /* GRID WIDTH */
        --max-width: 1200px;

        /* Border RADIUS */
        --border-radius-s: 4px;
        --border-radius-m: 6px;
        --border-radius-l: 10px;
    }