/*
Theme Name: Hout & Bouw de Boer
Author: Roy de Boer
Description: Lichtgewicht thema in houttinten voor Hout & Bouw de Boer.
Version: 1.0.10
Text Domain: hbdb
*/
:root { --primary: #C89F71; --dark: #7B4B2A; --light: #F8F5F1; --text: #2C2C2C; }
body { background: var(--light); color: var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial; }
a { color: var(--dark); }
.btn-primary { background: var(--dark); color:#fff; padding:.6rem 1rem; border-radius:.75rem; display:inline-block; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.section { padding: 4rem 0; }
.card { background:#fff; border-radius:1rem; box-shadow:0 1px 3px rgba(0,0,0,.08); border:1px solid var(--primary); padding:1rem; }
.grid { display:grid; gap:1rem; }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
header.site-header { position: sticky; top:0; z-index:50; background: var(--light); border-bottom: 1px solid var(--primary); }
footer.site-footer { background: var(--dark); color:#ddd; }
h1,h2,h3,h4 { color: var(--dark); }