/* Sudegy Discovery Portal — Typography */

h1,
h2,
h3,
h4 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--text-primary);
}

h1,
.display-xl {
  font-size: var(--text-display-xl);
  line-height: var(--leading-tight);
}

h2,
.display-lg {
  font-size: var(--text-display-lg);
  line-height: var(--leading-tight);
}

h3,
.display-md {
  font-size: var(--text-display-md);
  line-height: var(--leading-snug);
}

h4,
.display-sm {
  font-size: var(--text-h3);
  line-height: var(--leading-snug);
}

.eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: var(--text-caption);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--text-muted);
  font-weight: 500;
}

p {
  margin: 0;
}

.body-lg {
  font-size: var(--text-body-lg);
  line-height: var(--leading-normal);
  color: var(--text-secondary);
}

.body {
  font-size: var(--text-body);
  line-height: var(--leading-normal);
  color: var(--text-secondary);
}

.body-sm {
  font-size: var(--text-body-sm);
  line-height: var(--leading-normal);
  color: var(--text-muted);
}

.caption {
  font-size: var(--text-caption);
  color: var(--text-muted);
}

.text-primary {
  color: var(--text-primary);
}

.text-accent {
  color: var(--text-accent);
}

.text-danger {
  color: var(--color-danger);
}

[dir='rtl'] {
  --font-display: var(--font-display-ar);
  --font-body: var(--font-body-ar);
}

[dir='rtl'] .eyebrow {
  letter-spacing: normal;
}