/* ═══════════════════════════════════════════════════════════════
 * MOLSLINJEN CVI — BASE
 *
 * Reset, body-defaults og typografi-skala. Kræver tokens.css først.
 *
 * Typografi-reglerne er scopet til .b-page, ikke til bare h1/h2. Det er
 * med vilje: siderne har stadig legacy Webflow-markup (beregner, FAQ,
 * footer) med egne overskrifts-regler, og en global h2-regel her ville
 * slå igennem der og flytte rundt på ting vi ikke har rørt endnu.
 * Wrap nyt indhold i <div class="b-page"> for at få CVI-typografien.
 * ═══════════════════════════════════════════════════════════════ */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  font-family: var(--font-display);
  color: var(--color-dyb-havblaa);
  background: var(--color-havskum);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── Typografi-skala ────────────────────────────────────────────
   Per brand-guide 2026-05-19, justeret af grafiker 2026-05-20:
   H1 er versaler + kursiv, alle øvrige overskrifter er minuskler. */

.b-page h1, .b-page h2, .b-page h3, .b-page h4 {
  font-family: var(--font-display);
  margin: 0;
  letter-spacing: -0.005em;
}

.b-page h1 {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
}

.b-page h2 {
  text-transform: none;
  font-style: normal;
  font-weight: 700;
}

.b-page h3, .b-page h4 {
  font-weight: 500;
  font-style: normal;
  text-transform: none;
}

.b-page p {
  font-weight: 500;   /* Korolev Medium til brødtekst */
}

/* ── Layout-hjælpere ────────────────────────────────────────────── */
.cvi-wrap {
  max-width: var(--max-w-wide);
  margin: 0 auto;
  padding: 0 28px;
}

.cvi-section {
  padding-top: var(--section-pad-y);
  padding-bottom: var(--section-pad-y);
}