@font-face {
  font-family: "Circular Std";
  src: url("assets/fonts/CircularStd-Book.woff") format("woff"), url("assets/fonts/CircularStd-Book.otf") format("opentype");
  font-style: normal;
  font-weight: 100 599;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circular Std";
  src: url("assets/fonts/CircularStd-Bold.woff") format("woff"), url("assets/fonts/CircularStd-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 600 799;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circular Std";
  src: url("assets/fonts/CircularStd-Black.woff") format("woff"), url("assets/fonts/CircularStd-Black.otf") format("opentype");
  font-style: normal;
  font-weight: 800 1000;
  font-stretch: normal;
  font-display: swap;
}

:root {
  --leading-display: 0.92;
  --leading-heading: 1.05;
  --leading-ui: 1.2;
  --leading-label: 1.35;
  --leading-lead: 1.4;
  --leading-copy: 1.5;
  --leading-legal: 1.6;
}

html {
  font-synthesis: none;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

/* Marca registrada: acompaña al nombre sin competir con la tipografía. */
.brand-mark {
  margin-left: .035em;
  font-family: inherit;
  font-size: .48em;
  font-weight: inherit;
  line-height: 0;
  vertical-align: super;
}