/* Dotof — Type tokens.
   Real brand fonts, supplied by the user:
   - Britti Sans (trial) — display/heading font. Tracking 0.
   - Noto Sans — body/UI font. Tracking 25 (0.025em) on both the bold
     "title" and regular weights.
   These replace the earlier Hanken Grotesk placeholder now that real
   files are available. */

@font-face {
  font-family: "Britti Sans";
  src: url("../assets/fonts/BrittiSansTrial-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Britti Sans";
  src: url("../assets/fonts/BrittiSansTrial-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Britti Sans";
  src: url("../assets/fonts/BrittiSansTrial-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Britti Sans";
  src: url("../assets/fonts/BrittiSansTrial-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Britti Sans";
  src: url("../assets/fonts/BrittiSansTrial-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Britti Sans";
  src: url("../assets/fonts/BrittiSansTrial-SemiboldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Britti Sans";
  src: url("../assets/fonts/BrittiSansTrial-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Britti Sans";
  src: url("../assets/fonts/BrittiSansTrial-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../assets/fonts/NotoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../assets/fonts/NotoSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

:root {
  /* Display/heading font — Britti Sans, tracking 0 */
  --font-display: "Britti Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tracking-display: 0em;

  /* Body/UI font — Noto Sans, tracking 25 (0.025em) */
  --font-body: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  --tracking-body: 0.025em;

  /* General alias — most components (buttons, inputs, nav) are UI/body
     register, so this defaults to the body font. */
  --font-sans: var(--font-body);
  --font-weight-regular: 400;
  --font-weight-emphasis: 600;

  /* Body text weights */
  --font-weight-body-title: 700;   /* "body text Title" — bold, tracking 25 */
  --font-weight-body-regular: 400; /* body regular — tracking 25 */

  /* Type scale — size / line-height */
  --text-display-size: 72px;
  --text-display-lh: 72px;

  --text-h3-size: 48px;
  --text-h3-lh: 48px;

  --text-h2-size: 24px;
  --text-h2-lh: 32px;

  --text-body-size: 18px;
  --text-body-lh: 28px;

  --text-ui-size: 16px;
  --text-ui-lh: 22px;

  --text-small-size: 15px;
  --text-small-lh: 20.625px;

  --text-caption-size: 14px;
  --text-caption-lh: 14px;

  --text-label-size: 16px;
  --text-label-lh: 22px;
}