/* MoreConcepts brand fonts: Sora (headlines) + Inter (text). Keep this file next to the .woff2 files.
   Or load from Google Fonts instead:
   <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400..800&family=Inter:wght@400..700&display=swap" rel="stylesheet"> */
@font-face{font-family:"Sora";src:url("SoraVariable.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("InterVariable-Italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}

:root{
  --mc-font-display:"Sora","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mc-font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  /* type scale (web/app, px) */
  --mc-display:52px; --mc-h1:38px; --mc-h2:30px; --mc-h3:22px; --mc-h4:18px;
  --mc-body-lg:18px; --mc-body:16px; --mc-small:14px; --mc-label:12px;
}
body{font-family:var(--mc-font-body);font-size:var(--mc-body);line-height:1.6}
h1,h2,h3,.mc-display{font-family:var(--mc-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.15}
h4{font-family:var(--mc-font-display);font-weight:600;line-height:1.3}
.mc-label{font-family:var(--mc-font-body);font-weight:600;font-size:var(--mc-label);letter-spacing:.12em;text-transform:uppercase}