@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Montserrat:wght@400;500;600;700&display=swap');

:root{
--font-display:'Cormorant Garamond',Garamond,'Times New Roman',serif;
--font-body:'Montserrat','Helvetica Neue',Arial,sans-serif;

/* escala desktop */
--fs-h1:64px;--lh-h1:1.06; /* @kind other */
--fs-h2:44px;--lh-h2:1.14; /* @kind other */
--fs-h3:30px;--lh-h3:1.24; /* @kind other */
--fs-destaque:34px;--lh-destaque:1.24; /* @kind other */
--fs-lead:20px;--lh-lead:1.6; /* @kind other */
--fs-body:18px;--lh-body:1.62; /* @kind other */
--fs-small:14px;--lh-small:1.45; /* @kind other */
--fs-button:16px;--lh-button:1.25; /* @kind other */
--fs-label:12px;--lh-label:1.35; /* @kind other */

/* pesos */
--fw-display:600; /* @kind other */
--fw-regular:400; /* @kind other */
--fw-medium:500; /* @kind other */
--fw-semibold:600; /* @kind other */
--fw-bold:700; /* @kind other */

/* tracking */
--ls-label:0.25em; /* @kind other */
--ls-label-tight:0.14em; /* @kind other */
--ls-display:-0.01em; /* @kind other */
--ls-button:0.08em; /* @kind other */
}

@media (max-width:768px){
:root{
--fs-h1:42px;--fs-h2:34px;--fs-h3:26px;--fs-destaque:28px;
--fs-lead:18px;--fs-body:16px;
}
}
