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


@font-face {
    font-family: 'HelveticaLight';
    src: url("../font/Helvetica Light Regular.otf") format("opentype");
}

:root {
    /*Colors*/
    --white: #ffffff;
    --text:#333;
    --red:#da291c;
    --blue:#1065a7;
    --green:#10a73d;
    --pink:#fd72aa;
    --grey:#818183;
    --black:#222222;
    --lightgrey:#fafafa;
    
    /*Fonts*/
    --comf: 'Comfortaa', sans-serif;
    --popp: 'Poppins', sans-serif;
    --helv: 'HelveticaLight', sans-serif;
}

[color="red"]{
    color: var(--red);
}

[color="blue"]{
    color: var(--blue);
}

[color="green"]{
    color: var(--green);
}

[color="pink"]{
    color: var(--pink);
}

[color="grey"]{
    color: var(--grey);
}

[color="white"]{
    color: var(--white);
}

[color="black"]{
    color: var(--black);
}