/* Base (mobile) type-scale utility classes, generated from tokens.json.
   bundle.css only carries the screen-md-and-up overrides for the display
   sizes (see the '@media (min-width: 48rem)' block near its top); the base
   sizes below are what the Claude artifact runtime otherwise generates.
   Load this file before bundle.css. Apply these class names directly to
   headings and text, per README.md's Typography section. */

.display-xl {
  font-family: var(--font-display);
  font-size: 2.25rem;
  line-height: 2.125rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.display-lg {
  font-family: var(--font-display);
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.display-md {
  font-family: var(--font-display);
  font-size: 1.375rem;
  line-height: 1.375rem;
  font-weight: 400;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.display-sm {
  font-family: var(--font-display);
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.chip {
  font-family: var(--font-display);
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.body-lg {
  font-family: var(--font-body);
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.body {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.body-strong {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.body-sm {
  font-family: var(--font-body);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.label {
  font-family: var(--font-body);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.caption {
  font-family: var(--font-body);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.eyebrow {
  font-family: var(--font-body);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}