/* AUTOMATISCH GEGENEREERD – NIET HANDMATIG WIJZIGEN */
:root {
    --color-1: #89b72f;
    --color-2: #0b2137;
    --color-3: #ffffff;
    --color-4: #ffffff;
    --color-5: #000000;
    --color-6: #000000;
    --color-7: #7a7317;
    --color-8: #89b72f;
    --color-9: #89b72fb8;
    --color-10: #572a71;
    --color-11: #89b72f;
    --color-12: #00a4ff;
    --color-13: #ffffffb8;
    --color-14: #576d6f;
}

@font-face {
    font-family: 'Koptekst font';
    src: url('https://isolatieplannoord.nl/wp-content/uploads/2025/11/DMSerifDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --koptekst-font-family: 'Koptekst font';
}

:root {
    --h1-size: 4rem;
    --h2-size: 2.5rem;
    --h3-size: 2.1rem;
    --h4-size: 1.8rem;
    --h5-size: 1.5rem;
    --h6-size: 1.2rem;
    --body-size: 20px;
    --accent-size: 18px;
    --button-size: 20px;
    --footer-size: 14px;
}

body { font-family: var(--body-font-family, sans-serif); font-size: var(--body-size, 16px); color: var(--color-5, #1d2327); background: var(--color-4, #ffffff); }
h1 { font-family: var(--koptekst-font-family, serif); font-size: var(--h1-size, 36px); }
h2 { font-family: var(--koptekst-font-family, serif); font-size: var(--h2-size, 30px); }
h3 { font-family: var(--koptekst-font-family, serif); font-size: var(--h3-size, 24px); }
h4 { font-family: var(--koptekst-font-family, serif); font-size: var(--h4-size, 20px); }
h5 { font-family: var(--koptekst-font-family, serif); font-size: var(--h5-size, 18px); }
h6 { font-family: var(--koptekst-font-family, serif); font-size: var(--h6-size, 16px); }
h1, h2, h3, h4, h5, h6 { color: var(--color-6, var(--color-5, #1d2327)); }
.accent { font-family: var(--accent-font-family, inherit); font-size: var(--accent-size, 16px); }
button, .btn { font-family: var(--button-font-family, inherit); font-size: var(--button-size, 16px); }
footer { font-family: var(--footer-font-family, inherit); font-size: var(--footer-size, 14px); }
a { color: var(--color-8, #2271b1); }
a:hover { color: var(--color-9, #999); }