/* server/public/styles/typography.css */

.t-display-xl {
  font-size: var(--t-display-xl-size);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 0.9;
}

.t-display-l {
  font-size: var(--t-display-l-size);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 0.92;
}

.t-display-m {
  font-size: var(--t-display-m-size);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 0.95;
}

.t-heading-l {
  font-size: var(--t-heading-l-size);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.t-heading-m {
  font-size: var(--t-heading-m-size);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.1;
}

.t-body-l {
  font-size: var(--t-body-l-size);
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.5;
}

.t-body-m {
  font-size: var(--t-body-m-size);
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.55;
}

.t-label {
  font-size: var(--t-label-size);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.t-annotation {
  font-size: var(--t-annotation-size);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
}

.t-muted {
  color: var(--ink-muted);
}

.gradient-text {
  background: var(--brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}