/* =====================================================================
   Thema 1 — WORKSHOP
   Licht en ruim. Wit, lichtgrijs, staalblauw, donkerblauw.
   Nette werkplaats: scherpe borders, minimale radius, subtiele schaduw.
   ===================================================================== */

[data-resolved-theme="light"] {
  --bg: #eaeef3;
  --bg-2: #dde4ec;
  --panel: #ffffff;
  --panel-2: #f4f7fa;
  --ink: #16202e;
  --ink-2: #43536a;
  --ink-3: #6f7d90;
  --border: #d0d9e3;
  --border-strong: #b0bccb;
  --accent: #17335c;      /* donkerblauw */
  --accent-2: #2c6ab0;    /* staalblauw */
  --accent-ink: #ffffff;
  --panel-radius: 3px;
  --shadow-1: 0 1px 2px rgba(23,51,92,.07);
  --shadow-2: 0 6px 18px rgba(23,51,92,.13);
}

[data-resolved-theme="dark"] {
  --bg: #10161f;
  --bg-2: #161f2b;
  --panel: #1a2432;
  --panel-2: #202c3c;
  --ink: #e7edf5;
  --ink-2: #aebccc;
  --ink-3: #7d8da0;
  --border: #2c3a4d;
  --border-strong: #3c4d64;
  --accent: #2c6ab0;
  --accent-2: #4d92e0;
  --accent-ink: #ffffff;
  --panel-radius: 3px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 8px 22px rgba(0,0,0,.5);
}

/* Werkplaatssfeer: fijne rasterachtergrond op de body. Vastgezet
   (background-attachment: fixed, verzoek Theo): het rasterpapier blijft
   staan terwijl de inhoud eroverheen scrolt. */
body {
  background-image:
    linear-gradient(var(--bg-2) 1px, transparent 1px),
    linear-gradient(90deg, var(--bg-2) 1px, transparent 1px);
  background-size: 28px 28px;
  background-position: -1px -1px;
  background-attachment: fixed;
}
[data-resolved-theme="dark"] body { background-image: none; }

/* Hero-media: lichte werkplaats-placeholder met bus-silhouet */
.theme-workshop .hero__media {
  background:
    repeating-linear-gradient(45deg, var(--panel-2) 0 12px, var(--bg-2) 12px 24px);
}
.theme-workshop .hero {
  border: 1px solid var(--border);
}
.theme-workshop .panel__head { text-transform: none; }

/* Diensttegel: medaillon volgt de huiskleur per dienst (--tile) */
.theme-workshop .service-tile__foot { border-top-style: dashed; }

/* Nette "toolboard" accent op sectiekop */
.theme-workshop .section-title h2 { position: relative; padding-left: 14px; }
.theme-workshop .section-title h2::before {
  content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px;
  background: var(--accent-2); border-radius: 2px;
}