﻿@import "../../../../_css/fonts-commons.css";

:root {
  --base-font-size: 16px; /* Dimensione base del corpo */
}

/* Corpo */
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../../../../_css/fonts/Montserrat-Medium.woff') format('woff'),
		url('../../../../_css/fonts/Montserrat-Medium.woff') format('font-woff'),
		url('../../../../_css/fonts/Montserrat-Medium.ttf') format('truetype'),
		url('../../../../_css/fonts/Montserrat-Medium.eot') format('embedded-opentype'),
		url('/_css/fonts/Montserrat-Medium.woff2') format('woff2'),
		local( 'Montserrat-Medium' );
    font-style: normal;
	font-display: swap;
    font-weight: normal;
}


body {
	font-size: var(--base-font-size);
	font-family: 'Montserrat-Medium', sans-serif;  
	line-height: 1.6;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; /* Montserrat-Medium */
}


h1 {
    font-size: 1.75rem;  /* 28px in rem */
    line-height: 1.2;
}

h2 {
    font-size: 1.5rem;  /* 24px in rem */
    line-height: 1.3;
}

h3 {
    font-size: 1.25rem;  /* 20px in rem */
    line-height: 1.4;
}

h4 {
    font-size: 1.125rem;  /* 18px in rem */
    line-height: 1.4;
}

h5 {
    font-size: 1rem;  /* 16px in rem */
    line-height: 1.4;
}

h6 {
    font-size: 0.875rem;  /* 14px in rem */
    line-height: 1.4;
}

@media (max-width: 768px) {
	h1,h2,h3,h4,h5,h6 {
        font-weight: 500; /* Montserrat-Medium */
	}

    h1 {
        font-size: 1.5rem;  /* 24px in rem */
        line-height: 1.2;
    }

    h2 {
        font-size: 1.375rem;  /* 22px in rem */
        line-height: 1.3;
    }

    h3 {
        font-size: 1.125rem;  /* 18px in rem */
        line-height: 1.4;
    }

    h4 {
        font-size: 1rem;  /* 16px in rem */
        line-height: 1.4;
    }

    h5 {
        font-size: 0.875rem;  /* 14px in rem */
        line-height: 1.4;
    }

    h6 {
        font-size: 0.75rem;  /* 12px in rem */
        line-height: 1.4;
    }
}


input, select, textarea, button {
    font-family: 'Segoe_UI', sans-serif;
}

.ui-tooltip 							{ font-family: 'Montserrat-Medium', sans-Serif; }
