/* PAR-TEE — algemene website-stijlen */

:root {
    --color-background: #F6F5EF;
    --color-primary: #194D3A;
    --color-accent: #D9F078;
    --color-white: #FFFFFF;
    --color-muted: #64746A;

    --font-main: Arial, sans-serif;
    --radius-card: 24px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--font-main);
    color: var(--color-primary);
    background: var(--color-background);
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible {
    outline: 3px solid #72934C;
    outline-offset: 4px;
}

h1,
h2,
h3,
p {
    margin-top: 0;
}

img {
    display: block;
    max-width: 100%;
}