/* TW type stack and approved interface roles. */

body {
  font-family: var(--tw-font-sans);
  font-size: var(--tw-font-ui);
  line-height: var(--tw-line-ui);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font: inherit;
}

code,
kbd {
  font-family: var(--tw-font-mono);
}

.tw-type-display {
  font-size: var(--tw-font-display);
  line-height: var(--tw-line-display);
  font-weight: var(--tw-weight-semibold);
}

.tw-type-title {
  font-size: var(--tw-font-title);
  line-height: var(--tw-line-title);
  font-weight: var(--tw-weight-semibold);
}

.tw-type-heading {
  font-size: var(--tw-font-heading);
  line-height: var(--tw-line-heading);
  font-weight: var(--tw-weight-semibold);
}

.tw-type-ui {
  font-size: var(--tw-font-ui);
  line-height: var(--tw-line-ui);
}

.tw-type-meta {
  font-size: var(--tw-font-meta);
  line-height: var(--tw-line-meta);
}

.tw-type-micro {
  font-size: var(--tw-font-micro);
  line-height: var(--tw-line-micro);
}

.tw-meta-label {
  color: var(--tw-color-text-muted);
  font-size: var(--tw-font-micro);
  font-weight: var(--tw-weight-semibold);
  line-height: var(--tw-line-micro);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}