/* 
  🚀 DREHMOMENT DIGITAL — BUCKET 02: TYPOGRAPHY
  Hier definieren wir, wie Texte, h1-h6 und Links global aussehen.
*/

body {
    font-family: var(--font-primary);
    color: var(--text-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

h1 {
    font-size: clamp(3rem, 7vw, 5.5rem);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1;
    margin-bottom: 2rem;
}

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

.lead {
    font-size: 1.25rem;
    color: var(--text-muted);
}