/* GENERATED by brand/src/type.ts from brand/type.yaml. Do not edit. */
/* Typography for every AKRIBIS site (ADR-0020, proposed): the fonts, the scale, the roles. Link after base.css. */
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/plex-sans-roman.0abd4d20.woff2") format("woff2");
  unicode-range: U+0020-007E, U+00A0-017F, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+2000-200D, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+202F-2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2113, U+2116, U+2122, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+FB01-FB02;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/plex-sans-italic.77fe14a8.woff2") format("woff2");
  unicode-range: U+0020-007E, U+00A0-017F, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+2000-200D, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+202F-2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2113, U+2116, U+2122, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+FB01-FB02;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/plex-mono-400.0fa812d4.woff2") format("woff2");
  unicode-range: U+0020-007E, U+00A0-017F, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+03C0, U+2000-200D, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+202F-2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2113, U+2116, U+2122, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+FB01-FB02;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/plex-mono-500.41a8cef0.woff2") format("woff2");
  unicode-range: U+0020-007E, U+00A0-017F, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+03C0, U+2000-200D, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+202F-2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2113, U+2116, U+2122, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+FB01-FB02;
}
:root {
  /* families */
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  /* weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  /* the scale: a major third (1.25) above the base, 0.125 rem a step below; steps 3 and up are fluid between 20 rem and 80 rem viewports */
  --size--2: 0.75rem;
  --size--1: 0.875rem;
  --size-0: 1rem;
  --size-1: 1.25rem;
  --size-2: 1.5625rem;
  --size-3: clamp(1.5625rem, 1.4323rem + 0.651vw, 1.9531rem);
  --size-4: clamp(1.9531rem, 1.7903rem + 0.8138vw, 2.4414rem);
  --size-5: clamp(2.4414rem, 2.2379rem + 1.0173vw, 3.0518rem);
  /* line height per step */
  --leading--2: 1.5;
  --leading--1: 1.5;
  --leading-0: 1.5;
  --leading-1: 1.4;
  --leading-2: 1.3;
  --leading-3: 1.2;
  --leading-4: 1.15;
  --leading-5: 1.1;
  /* letter spacing: none at text sizes; tight on display; open on uppercase labels */
  --tracking-display: -0.01em;
  --tracking-caps: 0.06em;
  /* measure */
  --measure: 68ch;
  --measure-narrow: 45ch;
  /* metrics of the sans (regular instance) and the mono, as fractions of the font size: align a mark's x-height to text with them */
  --font-sans-x-height: 0.516;
  --font-sans-cap-height: 0.698;
  --font-sans-ascent: 1.025;
  --font-sans-descent: 0.275;
  --font-mono-advance: 0.6;
  /* roles: font: var(--type-<role>); add letter-spacing: var(--tracking-caps) and text-transform: uppercase to label */
  --type-display: var(--weight-semibold) var(--size-5)/var(--leading-5) var(--font-sans);
  --type-title: var(--weight-semibold) var(--size-4)/var(--leading-4) var(--font-sans);
  --type-heading: var(--weight-semibold) var(--size-2)/var(--leading-2) var(--font-sans);
  --type-subheading: var(--weight-semibold) var(--size-1)/var(--leading-1) var(--font-sans);
  --type-lede: var(--weight-regular) var(--size-1)/var(--leading-1) var(--font-sans);
  --type-body: var(--weight-regular) var(--size-0)/var(--leading-0) var(--font-sans);
  --type-small: var(--weight-regular) var(--size--1)/var(--leading--1) var(--font-sans);
  --type-caption: var(--weight-regular) var(--size--2)/var(--leading--2) var(--font-sans);
  --type-label: var(--weight-medium) var(--size--2)/var(--leading--2) var(--font-mono);
  --type-code: var(--weight-regular) var(--size--1)/var(--leading--1) var(--font-mono);
  --type-data: var(--weight-regular) var(--size-0)/var(--leading-0) var(--font-sans);
}