@include font-face($lato, $file-regular, $family, $category);//1
@include font-face($syne, $file-bold, $family-bold, $category);//2
@include font-face($avara, $file-bold-italic, $family-bold-italic, $category);//2
@include font-face($playfair, $file-italic, $family-italic, $category);//2

// font-size
$txt-figli: 3.5rem;

// line-height
$Flhome: 4rem;

$marg: 0.5rem;
$margI: 1rem;
$Wi: 80%;

$Wi50: calc(( 100% / 2 ) - (#{$margI} / 2));
$Wi33: calc(( 100% / 3 ) - (#{$margI} / 3));

// mobile
$txt-figli-m: 1.5rem;

// line-height
$Flhome-m: 2rem;
$Wi-m:100%;

// tablette
$txt-figli-t: 2.5rem;

// line-height
$Flhome-t: 3rem;

// :root {
//   --color: red;
// }
//
// :root .category{
//   --color:blue;
// }
//
// .card{
//   color: var(--color);
// }
//
// :root .category{
//   color: var(--color);
// }