/* B&S Transport GmbH — Typografie
   Alle Werte via CSS Custom Properties aus variables.css */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-base);
  line-height: var(--line-height-tight);
  color: var(--color-text);
  font-weight: 700;
}

h1 { font-size: var(--font-size-4xl); }
h2 { font-size: var(--font-size-3xl); }
h3 { font-size: var(--font-size-2xl); }
h4 { font-size: var(--font-size-xl); }
h5 { font-size: var(--font-size-lg); }
h6 { font-size: var(--font-size-base); }

.hero-title {
  font-size: var(--font-size-hero);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

p {
  line-height: var(--line-height-base);
  color: var(--color-text);
  margin-bottom: var(--space-md);
}

p:last-child {
  margin-bottom: 0;
}

.lead {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-light);
}

.text-sm  { font-size: var(--font-size-sm); }
.text-lg  { font-size: var(--font-size-lg); }
.text-xl  { font-size: var(--font-size-xl); }

.font-medium   { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold     { font-weight: 700; }

.text-navy    { color: var(--color-navy); }
.text-light   { color: var(--color-text-light); }
.text-inverse { color: var(--color-text-inverse); }

/* ACHTUNG: --color-accent (#e85d1a) auf weißem Hintergrund = 3.49:1 Kontrast — WCAG AA-Fail für Fließtext.
   Akzentfarbe nur für große Texte (min. 18px bold) oder nicht-Text-Elemente verwenden! */
.text-accent  { color: var(--color-accent); } /* Nur für große Headings auf navy Hintergrund! */

strong { font-weight: 600; }

.section-label {
  font-size: var(--font-size-sm);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-accent);
}

@media (max-width: 768px) {
  h1 { font-size: var(--font-size-3xl); }
  h2 { font-size: var(--font-size-2xl); }
  h3 { font-size: var(--font-size-xl); }
}