/*
 * FARIGU brand layer.
 *
 * The source layout still owns type sizes, leading and tracking. This file
 * only assigns the FARIGU font hierarchy so the existing rhythm is preserved.
 */

@font-face {
  font-family: "Farigu Instrument";
  src: url("/assets/fonts/farigu/instrument-sans-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: "Farigu Instrument";
  src: url("/assets/fonts/farigu/instrument-sans-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: "Farigu Geist";
  src: url("/assets/fonts/farigu/geist-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Farigu Geist";
  src: url("/assets/fonts/farigu/geist-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Farigu SUITE";
  src: url("/assets/fonts/farigu/suite-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: "Farigu Pretendard";
  src: url("/assets/fonts/farigu/pretendard-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
}

:root {
  --farigu-font-display: "Farigu Instrument", "Farigu SUITE", Arial, sans-serif;
  --farigu-font-body: "Farigu Geist", "Farigu Pretendard", Arial, sans-serif;

  /* Replace the source site's family tokens without changing its metrics. */
  --10: var(--farigu-font-body);
  --11: var(--farigu-font-display);
  --12: var(--farigu-font-body);
}

html,
body,
button,
input,
optgroup,
select,
textarea {
  font-family: var(--farigu-font-body);
}

.f-display,
.f-heading-01,
.f-heading-02,
.f-heading-03,
.f-heading-04,
.f-heading-05,
.f-quote-01,
.f-quote-02,
.f-numeral,
.f-subheading {
  font-family: var(--farigu-font-display);
}

.f-ui-01,
.f-ui-02,
.f-body-01,
.f-body-1,
.f-body-02,
.f-body-02-em,
.f-caption,
.f-label {
  font-family: var(--farigu-font-body);
}

.farigu-header-mark {
  width: auto;
  max-width: none;
  aspect-ratio: 126 / 78;
}