/*
Theme Name: Hatrans
Theme URI: https://www.hatrans.nl/
Author: Webton
Description: Beheerbaar Hatrans-thema met ACF Blocks.
Version: 1.0.0
Text Domain: hatrans
*/

:root {
    --navy: #063764;
    --navy-deep: #04294b;
    --blue: #0877ba;
    --blue-soft: #dceff7;
    --coral: #ef5b3c;
    --ink: #102c45;
    --muted: #6f7f8e;
    --paper: #fbfcfd;
    --line: #dfe7ec;
    --radius: 8px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: 'DM Sans', 'Segoe UI', sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.admin-bar .topbar { top: 32px; }
.wp-block { max-width: none; }