/**
 * Site-typografie: variabelen komen uit :root (inline in header.php).
 * Dit bestand laadt als laatste zodat koppen/menu/footer de admin-instellingen volgen.
 */
html {
    font-size: var(--typo-html-px, 16px);
}

body {
    font-family: var(--typo-font-body, Arial, Helvetica, sans-serif);
    line-height: var(--typo-line-height, 1.6);
}

p {
    font-family: var(--typo-font-body, Arial, Helvetica, sans-serif);
    font-size: var(--typo-p, 1rem) !important;
}

.home-block__content {
    font-family: var(--typo-font-body, Arial, Helvetica, sans-serif);
    font-size: var(--typo-p, 1rem) !important;
}

.long-desc-body {
    font-family: var(--typo-font-body, Arial, Helvetica, sans-serif);
    font-size: var(--typo-p, 1rem) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--typo-font-heading, Georgia, "Times New Roman", serif);
}

h1 {
    font-size: var(--typo-h1, 2rem) !important;
}

h2 {
    font-size: var(--typo-h2, 1.5rem) !important;
}

h3 {
    font-size: var(--typo-h3, 1.25rem) !important;
}

h4 {
    font-size: var(--typo-h4, 1.1rem) !important;
}

h5 {
    font-size: calc(var(--typo-h4, 1.1rem) * 0.95) !important;
}

h6 {
    font-size: calc(var(--typo-h4, 1.1rem) * 0.9) !important;
}

nav.header-nav .nav-menu a,
nav.header-nav .nav-cart-link {
    font-family: var(--typo-font-body, Arial, Helvetica, sans-serif) !important;
    font-size: var(--typo-nav, 1rem) !important;
}

.footer,
.footer p,
.footer a,
.footer span {
    font-family: var(--typo-font-body, Arial, Helvetica, sans-serif) !important;
    font-size: var(--typo-footer, 0.95rem) !important;
}

.main-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
.main-content textarea,
.main-content select,
.main-content button {
    font-family: var(--typo-font-body, Arial, Helvetica, sans-serif);
}