@font-face{font-family:'Prata';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/Prata-Regular.woff2') format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/Karla-400.woff2') format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/Karla-500.woff2') format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/Karla-600.woff2') format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/Karla-700.woff2') format('woff2')}
@font-face{font-family:'Karla';font-style:italic;font-weight:400;font-display:swap;src:url('../assets/fonts/Karla-400Italic.woff2') format('woff2')}
@font-face{font-family:'Alex Brush';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/AlexBrush-Regular.woff2') format('woff2')}
:root{
--font-display:'Prata',Georgia,serif;
--font-script:'Alex Brush',cursive;
--font-body:'Karla',-apple-system,'Segoe UI',sans-serif;
--text-display-xl:clamp(40px,6vw,72px);
--text-display-l:clamp(32px,4.5vw,52px);
--text-display-m:clamp(26px,3.2vw,36px);
--text-display-s:22px;
--text-body-l:19px;
--text-body:16px;
--text-body-s:14px;
--text-caption:12px;
--tracking-wide:0.14em;
--tracking-normal:0;
--leading-tight:1.1;
--leading-snug:1.35;
--leading-body:1.6;
}