/* ═══════════════════════════════════════════════════════
   TYPOGRAPHY SYSTEM  ·  typography.css
   Global utility classes .ds-h1 … .ds-highlight.
   Apply to any element — these never duplicate token values.
═══════════════════════════════════════════════════════ */

.ds-h1 {
  font-family:    var(--f-display);
  font-size:      180px;
  font-weight:    400;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color:          var(--c-white);
  line-height:    0.80;
}

.ds-h2 {
  font-family:    var(--f-display);
  font-size:      100px;
  font-weight:    400;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color:          var(--c-white);
  line-height:    0.85;
}

.ds-h3 {
  font-family:    var(--f-body);
  font-size:      40px;
  font-weight:    700;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color:          var(--c-grey);
  line-height:    1.1;
}

.ds-h4 {
  font-family:    var(--f-display);
  font-size:      32px;
  font-weight:    400;
  letter-spacing: 0;
  text-transform: uppercase;
  color:          var(--c-yellow);
  line-height:    1.0;
}

.ds-h5 {
  font-family:    var(--f-body);
  font-size:      20px;
  font-weight:    700;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color:          var(--c-grey);
  line-height:    1.2;
}

.ds-h6 {
  font-family:    var(--f-body);
  font-size:      16px;
  font-weight:    700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color:          var(--c-yellow);
  line-height:    1.2;
}

.ds-body {
  font-family:    var(--f-body);
  font-size:      16px;
  font-weight:    400;
  letter-spacing: 0;
  color:          var(--c-grey);
  line-height:    1.5;
}

.ds-bold {
  font-family:    var(--f-body);
  font-size:      16px;
  font-weight:    700;
  letter-spacing: 0;
  color:          var(--c-white);
  line-height:    1.5;
}

.ds-highlight {
  font-family:    var(--f-body);
  font-size:      16px;
  font-weight:    300;
  font-style:     italic;
  letter-spacing: 0;
  color:          var(--c-yellow);
  line-height:    1.5;
}