/* GENERATED by tools/build-tokens.mjs from design-system/tokens.json. Do not edit. */

:root,
[data-theme='cream'] {
  --tm-brand-cream: #f4f0e7;
  --tm-brand-ink: #171817;
  --tm-brand-silver: #bec3c6;
  --tm-brand-blush: #d9b8b4;
  --tm-brand-sage: #92998d;
  --tm-brand-paper: #ffffff;
  --tm-surface: var(--tm-brand-paper);
  --tm-surface-panel: var(--tm-brand-cream);
  --tm-text: var(--tm-brand-ink);
  --tm-action: var(--tm-brand-ink);
  --tm-on-action: var(--tm-brand-cream);
  --tm-hairline: var(--tm-brand-silver);
  --tm-focus-ring: var(--tm-brand-ink);
}

[data-theme='ink'] {
  --tm-surface: var(--tm-brand-ink);
  --tm-surface-panel: var(--tm-brand-ink);
  --tm-text: var(--tm-brand-cream);
  --tm-action: var(--tm-brand-cream);
  --tm-on-action: var(--tm-brand-ink);
  --tm-hairline: var(--tm-brand-silver);
  --tm-focus-ring: var(--tm-brand-cream);
}

:root {
  --tm-space-1: 4px;
  --tm-space-2: 8px;
  --tm-space-3: 12px;
  --tm-space-4: 16px;
  --tm-space-5: 24px;
  --tm-space-6: 40px;
  --tm-logo-clear: 15%;
  --tm-radius-square: 0;
  --tm-radius-soft: 4px;
  --tm-font-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.tm-display {
  font-family: var(--tm-font-sans);
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
}

.tm-heading {
  font-family: var(--tm-font-sans);
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}

.tm-subhead {
  font-family: var(--tm-font-sans);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.tm-eyebrow {
  font-family: var(--tm-font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.tm-body {
  font-family: var(--tm-font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tm-body-small {
  font-family: var(--tm-font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.tm-price {
  font-family: var(--tm-font-sans);
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.tm-micro {
  font-family: var(--tm-font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}