/**
 * MAPPE: /assets/css/base/
 * FIL: typography.css
 *
 * BRUGES AF: ALLE sider
 *
 * BESKRIVELSE:
 * Body styles, font og tekst defaults.
 * Inter Regular — brødtekst, navigation, labels, knapper
 * Poppins SemiBold — overskrifter (H1–H4)
 */

/* Global desktop-skalering (T1: Balanced ~92%) — påvirker alle rem-værdier.
   Løfter brødtekst fra ~12,75px til ~13,8px for bedre læsbarhed/tilgængelighed. */
html {
    font-size: 92%;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--tekst);
    background: var(--background);
    background-size: cover;
    background-position: center;
}

/* Poppins SemiBold til alle overskrifter */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', 'Inter', -apple-system, sans-serif;
    font-weight: 600;
    color: var(--tekst);
    line-height: 1.2;
}

/* Kompakte headings for desktop */
h1 { font-size: 1.75rem; }
h2 { font-size: 1.375rem; }
h3 { font-size: 1.125rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.875rem; }
h6 { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }

@media (max-width: 768px) {
    html { font-size: 100%; }
    body { font-size: 1rem; line-height: 1.6; }
    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.25rem; }
    h3 { font-size: 1.125rem; }
}