/* Measured Figma values. See docs/uitvoering.md for source layers. */
:root {
    --font-body: 'Poppins', sans-serif;
    --color-brand: #4fafab;
    --color-ink: #2b2e34;
    --color-dark: #111719;
    --color-white: #fff;
    --container: 1544px;
    --gutter: clamp(30px, 9.79vw, 188px);
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --radius-button: 11px;
    --hero-title-size: 60px;
    --hero-title-leading: 65px;
    --hero-title-width: 738px;
    --hero-intro-size: 20px;
    --hero-intro-leading: 30px;
}
@media (max-width: 1199px) {
    :root { --hero-title-size: 44px; --hero-title-leading: 50px; --gutter: 40px; }
}
@media (max-width: 767px) {
    :root { --hero-title-size: 30px; --hero-title-leading: 38px; --gutter: 30px; }
}