@import url("mobile-polish.css?v=1");

/* ============================================================
   Global typography policy

   Satoshi is the website default. Existing Sentient display
   treatments are preserved in their page styles. The literal
   brand name "back to ctrl" is marked with .brand-name or lives
   inside .wordmark and therefore remains Inter.
   ============================================================ */

@font-face{
  font-family:"Satoshi";
  src:url("fonts/Satoshi-Variable.woff2") format("woff2");
  font-weight:300 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("fonts/Inter-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Sentient";
  src:url("../fonts/Sentient-Variable.woff2") format("woff2");
  font-weight:200 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Sentient";
  src:url("../fonts/Sentient-VariableItalic.woff2") format("woff2");
  font-weight:200 700;
  font-style:italic;
  font-display:swap;
}

:root{
  --font-sans:"Satoshi","Inter",-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-brand:"Inter",-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --sans:var(--font-sans);
  --mono:var(--font-sans);
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option,
code,
pre,
kbd,
samp{
  font-family:var(--font-sans);
}

.brand-name,
.wordmark{
  font-family:var(--font-brand)!important;
}