/* ================================================================
   Doorn Digitaal – Global Styles
   ================================================================ */
:root {
  --dd-green:      #2d4a2a;
  --dd-green-lt:   #3d6238;
  --dd-amber:      #c47c2b;
  --dd-amber-lt:   #e8a44a;
  --dd-cream:      #f5ede0;
  --dd-linen:      #faf4eb;
  --dd-border:     #e0ccaa;
  --dd-text:       #3a2810;
  --dd-muted:      #7a6248;
  --dd-radius:     16px;
  --dd-shadow:     0 8px 32px rgba(0,0,0,0.12);
  --dd-font:       -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

.dd-module {
  font-family: var(--dd-font);
  color: var(--dd-text);
  box-sizing: border-box;
}
.dd-module *, .dd-module *::before, .dd-module *::after { box-sizing: inherit; }

.dd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 11px 22px; border-radius: 30px; border: none; cursor: pointer;
  font-family: var(--dd-font); font-size: 14px; font-weight: 500;
  transition: all .18s; line-height: 1.2;
}
.dd-btn-primary   { background: var(--dd-green);  color: var(--dd-cream); }
.dd-btn-primary:hover { background: var(--dd-green-lt); transform: translateY(-1px); }
.dd-btn-outline   { background: transparent; border: 1.5px solid var(--dd-border); color: var(--dd-text); }
.dd-btn-outline:hover { border-color: var(--dd-green); color: var(--dd-green); }
.dd-btn-amber     { background: var(--dd-amber); color: #fff; }
.dd-btn-amber:hover { background: var(--dd-amber-lt); transform: translateY(-1px); }

.dd-card {
  background: #fff; border-radius: var(--dd-radius);
  border: 1.5px solid var(--dd-border); overflow: hidden;
}

.dd-section-title {
  font-size: 28px; font-weight: 700; color: var(--dd-green);
  margin: 0 0 6px; line-height: 1.2;
}
.dd-section-sub {
  font-size: 15px; color: var(--dd-muted); margin: 0 0 28px; line-height: 1.6;
}

.dd-tag {
  display: inline-block; font-size: 11px; font-weight: 600;
  letter-spacing: 1.2px; text-transform: uppercase; padding: 3px 10px;
  border-radius: 20px; background: var(--dd-amber); color: #fff; margin-bottom: 12px;
}