@font-face {
  font-family: "InterVariable";
  src: url("../fonts/inter/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "InterVariable";
  src: url("../fonts/inter/InterVariable-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ciq-font-sans: "InterVariable", "Inter", system-ui, sans-serif;
  --ciq-font-brand: var(--ciq-font-sans);
  --ciq-typography-familyDisplay: var(--ciq-font-sans);
  --ciq-typography-familySans: var(--ciq-font-sans);
}

html,
body,
.creaiq-v4,
.creaiq-page-main,
.creaiq-insights,
.creaiq-chatstories,
.creaiq-creatales,
.creaiq-resources,
.iqkick-page,
.ciq-diagnose {
  font-family: var(--ciq-font-sans);
  font-optical-sizing: auto;
}

body :where(h1, h2, h3, h4, h5, h6, p, a, nav, button, input, textarea, select, option, label, table, th, td, address, blockquote, summary, details) {
  font-family: var(--ciq-font-sans);
  font-optical-sizing: auto;
}

body :where(button, input, textarea, select, option) {
  font: inherit;
}

.creaiq-v4-hero-wordmark,
.creatales-archive-card strong,
body .ciq-v4-brand-map > strong {
  font-family: var(--ciq-font-sans);
}

body :where(code, kbd, pre, samp),
.iqkick-code,
.ciq-technical-label {
  font-family: var(--ciq-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
}