/*----------- VARIABILI -----------*/
:root{

    /*----------- COLORI -----------*/
    --clr-body-dark: #070a13;
    --clr-body-light: #f1f5f9;

    --clr-menu: var(--clr-body-dark);
    --clr-menu-hover: rgb(42,105,202);

    --main-color: rgb(42,105,202);

    --clr-hmr-light: var(--clr-body-light);
    --clr-hmr-dark: var(--clr-body-dark);

    --clr-sm-icon: #000;
    --clr-sm-icon-hover: var(--clr-body-light);
    --clr-sm-circle: #fff;

    /*----------- FONT -----------*/
    --font-cover-dkt: 3rem;
    --font-cover-tbt: 2.5rem;
    --font-cover-mb: 1.5rem;

    /*----------- Font weight -----------*/
    --font-regular: 400;
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: 700;
  }