/* Google Fonts — Montserrat + Noto Sans */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Noto+Sans:ital,wght@0,400;0,600;1,400&display=swap');

body {
  font-family: var(--font-body);
  font-size: var(--body-desktop);
  color: var(--text-dark);
  line-height: var(--lh-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headline);
  line-height: var(--lh-headline);
  color: var(--text-dark);
}

h1 { font-size: var(--h1-desktop); font-weight: 700; line-height: 1.15; }
h2 { font-size: var(--h2-desktop); font-weight: 600; }
h3 { font-size: var(--h3-desktop); font-weight: 600; }
h4 { font-size: var(--h4-desktop); font-weight: 600; }

.sub-headline {
  font-family: var(--font-headline);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.body-hero {
  font-family: var(--font-body);
  font-size: var(--body-hero);
  line-height: var(--lh-body);
}

.text-small, small {
  font-family: var(--font-body);
  font-size: var(--small);
}

@media (max-width: 768px) {
  body { font-size: var(--body-mobil); }
  h1 { font-size: var(--h1-mobil); }
  h2 { font-size: var(--h2-mobil); }
  h3 { font-size: var(--h3-mobil); }
  h4 { font-size: var(--h4-mobil); }
  .sub-headline { font-size: 17px; }
  .body-hero { font-size: 17px; }
}