/* Ontwerp 2 · Licht & modern: warm wit met oranje, ronde hoeken, lettertype Manrope */
:root {
  --bg: #F6F2EC;
  --band: #FFFFFF;
  --panel: #FFFFFF;
  --card: #FFFFFF;
  --line: #E9E1D6;
  --line-strong: #E0D5C7;
  --border: #CDBBA6;
  --text: #1C1612;
  --soft: #4A3F35;
  --muted: #6F6255;
  --dim: #B3A697;
  --accent: #FF6700;
  --accent-hover: #FF8533;
  --accent-light: #B04700;
  --accent-text: #B04700;
  --on-accent: #1C1612;
  --field-bg: #FFFFFF;
  --disabled-bg: #EFE9E1;
  --disabled-text: #9C8F80;
  --glow: transparent;
  --radius: 12px;
  --scheme: light;
  --error: #C0392B;
  --serif: 'Manrope', system-ui, sans-serif;
  --sans: 'Manrope', system-ui, sans-serif;
}
h1, h2, h3 { font-weight: 800; letter-spacing: -0.02em; }
.eyebrow { letter-spacing: 0.14em; font-weight: 700; }
.btn-primary, .btn-ghost { text-transform: none; letter-spacing: 0; font-weight: 700; }
legend, .summary dt { letter-spacing: 0.12em; }

/* Kop en voet zijn zwart; het logo zelf heeft een doorzichtige achtergrond */
.site-header, .site-footer { background: #0B0907; border-color: #0B0907; }
.site-header .brand, .site-footer .brand { color: #F6EEE3; }
.site-header .nav { color: #E3D7C8; }
.site-header .nav:hover { color: #FF9A52; }
.site-header .brand span, .site-footer .brand span { font-weight: 800; letter-spacing: 0.08em; }
.site-footer .footer-links { color: #BFB2A3; }
.site-footer a { color: #FF7A1F; }
.hero-logo { padding: 16px; }

.band { border-top: 0; }
#boeken { border-top: 0; }
.card, .book-steps, .panel { border-color: transparent; box-shadow: 0 1px 2px rgba(60, 40, 20, 0.06), 0 8px 24px rgba(60, 40, 20, 0.06); }
.card { background: var(--bg); box-shadow: none; }
.summary-box { border-width: 2px; }
.opt { border-radius: 10px; }
.opt.day .wd, .opt.day .mon { color: var(--muted); }
.flash { background: #FFF6EC; }