@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@font-face{font-family:'Google Sans';src:url('../assets/fonts/GoogleSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Google Sans';src:url('../assets/fonts/GoogleSans-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Google Sans';src:url('../assets/fonts/GoogleSans-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Google Sans';src:url('../assets/fonts/GoogleSans-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Google Sans';src:url('../assets/fonts/GoogleSans-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Google Sans';src:url('../assets/fonts/GoogleSans-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Google Sans';src:url('../assets/fonts/GoogleSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Google Sans';src:url('../assets/fonts/GoogleSans-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
:root{
--font-serif-display:'Lora',ui-serif,Georgia,serif;
--font-sans:'Google Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;

--text-display:clamp(2.75rem,2.1rem + 3vw,4.5rem); /* @kind other */
--text-h1:clamp(2.25rem,1.9rem + 1.6vw,3rem); /* @kind other */
--text-h2:clamp(1.75rem,1.55rem + 0.9vw,2.25rem); /* @kind other */
--text-h3:1.625rem;
--text-h4:1.25rem;
--text-body-lg:1.125rem;
--text-body:1rem;
--text-small:0.875rem;
--text-micro:0.75rem;

--leading-tight:1.08;
--leading-snug:1.25;
--leading-normal:1.5;
--leading-relaxed:1.65;

--tracking-tight:-0.02em;
--tracking-normal:0;
--tracking-wide:0.04em;
--tracking-widest:0.12em;
}