:root {
    /* COLORS */
    --c1: #065c7c;
    --c11: #76B5DE;
    --c2: #00c2bc;
    --c3: #caf6f4;
    --ct: #5A6978;
    --cbg: #f7f7f7;
    --cbgd: #e9ebee;
    --cbgw: #FBFBFB;
    --cw: #FFF;
    --cb: #000;
    
    /* FONT */
    --fp: 'Ubuntu', Sans-Serif;
    --fpb: 'Ubuntu-Bold', Sans-Serif;
    --fh1: 'CircularStd', Sans-Serif;
    --dfs: 1rem;

    /* COMPONENTS */
    --bs: 0 2px 10px 0 rgba(0, 0, 0, .15);
    --ts: 2px 2px 10px rgba(0, 0, 0, .15);

    /* GRID */
    --gw: 71.25rem;
    --gv: 1.25rem;
    --gvs: 1.25rem;
    --gh: 3.75rem;
}

/* TIPOGRAFIES */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(Ubuntu-Light), url(/css/Ubuntu-Light.woff) format("woff");
}
@font-face {
    font-family: 'Ubuntu-Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Ubuntu-Regular), url(/css/Ubuntu.woff) format("woff");
}
@font-face {
    font-family: 'CircularStd';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(CircularStd), url(/css/CircularStd.woff) format("woff");
}