/* GENERATED FILE. DO NOT EDIT BY HAND.
 * Text styles as classes, plus @font-face. Font files live in design-system/fonts/.
 * Source: https://www.figma.com/design/82EZNiIkvKXw9aodyU0oU1/Nollie---Design-Systen
 * Regenerate: node scripts/sync-tokens.mjs (see design-system/README.md)
 */

/* Display, Heading, Body and Mono/Large scale fluidly from 375px to 1440px wide; the maximum is the Figma size.
 * The minimums are a code-side choice (FLUID_MIN in scripts/sync-tokens.mjs). */

@font-face {
  font-family: "Mona Sans";
  src: url("fonts/MonaSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mona Sans";
  src: url("fonts/MonaSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fragment Mono";
  src: url("fonts/FragmentMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.text-display {
  font-family: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 500;
  font-size: clamp(2.313rem, 1.366rem + 4.038vw, 5rem);
  line-height: clamp(2.563rem, 1.572rem + 4.225vw, 5.375rem);
  letter-spacing: -0.02em;
  text-transform: none;
}

.text-heading {
  font-family: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 500;
  font-size: clamp(1.625rem, 1.449rem + 0.751vw, 2.125rem);
  line-height: clamp(2.125rem, 1.905rem + 0.939vw, 2.75rem);
  letter-spacing: -0.02em;
  text-transform: none;
}

.text-body-lg {
  font-family: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: clamp(1.125rem, 1.081rem + 0.188vw, 1.25rem);
  line-height: clamp(1.75rem, 1.684rem + 0.282vw, 1.938rem);
  letter-spacing: -0.01em;
  text-transform: none;
}

.text-body {
  font-family: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
  line-height: clamp(1.75rem, 1.684rem + 0.282vw, 1.938rem);
  letter-spacing: -0.01em;
  text-transform: none;
}

.text-label {
  font-family: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0em;
  text-transform: none;
}

.text-mono-lg {
  font-family: "Fragment Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 400;
  font-size: clamp(0.813rem, 0.746rem + 0.282vw, 1rem);
  line-height: clamp(1.25rem, 1.162rem + 0.376vw, 1.5rem);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.text-mono {
  font-family: "Fragment Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.text-mono-sm {
  font-family: "Fragment Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.text-body-sm {
  font-family: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0em;
  text-transform: none;
}