/* Shirtsmith brand layer ("Iron and copper"): loaded after style.css and overrides its tokens.
   Forged slate blue on canvas-apron paper with a copper ember accent, Zilla Slab over IBM Plex Sans.
   Light by default; dark only when the visitor picks it (html[data-theme=dark]). */
@font-face{font-family:"Zilla Slab";src:url(/fonts/zilla-slab-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url(/fonts/zilla-slab-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(/fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
  --bg:#f5f2ec; --surface:#fffdf9; --surface-2:#ece6db; --ink:#1f2328; --muted:#575d66; --line:#e1d9cc; --line-strong:#c7bcaa;
  --primary:#2b3a4a; --primary-hover:#1c2733; --primary-ink:#ffffff; --primary-soft:#dfe5ec; --link:#2c5072;
  --accent:#c46a2b; --accent-ink:#ffffff; --accent-soft:#f6e3d3;
  --sample:#5a4630; --sample-bg:#efe4d2;
  --font-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --font-head:"Zilla Slab",Georgia,serif;
  --radius:8px; --radius-sm:6px; --radius-lg:12px;
  --shadow:0 1px 0 rgba(31,35,40,.06),0 6px 18px rgba(31,35,40,.07);
}
html[data-theme=dark]{
  --bg:#121417; --surface:#1a1d22; --surface-2:#23272e; --ink:#eef0f2; --muted:#a9b0b9; --line:#2c3139; --line-strong:#3f4650;
  --primary:#9fb8d1; --primary-hover:#bccfe2; --primary-ink:#0e1620; --primary-soft:#233243; --link:#a9c4de;
  --accent:#e08a4c; --accent-ink:#1e0e02; --accent-soft:#3a2617;
  --sample:#e9d6b8; --sample-bg:#352a1e;
  --shadow:0 1px 0 rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.4);
}
h1,h2,h3{letter-spacing:-.01em;font-weight:700}
h1{font-size:clamp(28px,4.2vw,40px)}
.hero h1{font-size:clamp(32px,5.4vw,56px);letter-spacing:-.02em}
/* logo and wordmark */
.ss-ring{fill:var(--primary)} .ss-anvil{fill:var(--primary-ink)} .ss-tee{fill:var(--accent)} .ss-spark{fill:var(--accent)}
.ss-stitch{fill:none;stroke:var(--primary-ink);stroke-width:.9;stroke-dasharray:1.6 1.4;opacity:.55}
.ss-word{font-size:24px;font-weight:700;letter-spacing:-.01em}
.ss-w2{color:var(--accent)}
/* workshop details: a copper rule under the header, stitched edges on the picture panels */
.site-header{border-bottom:3px solid var(--accent)}
.facts li{border-left:3px solid var(--primary)}
.hero-art{background:var(--surface-2);border:2px dashed var(--line-strong);border-radius:var(--radius-lg)}
.stage-wrap{border-style:solid;border-width:1px 1px 3px}
.tag.status{border-radius:4px}
.site-footer{background:var(--primary);color:var(--primary-ink)}
.site-footer a,.site-footer button.link{color:var(--primary-ink)}
.site-footer .foot-name{font-family:var(--font-head);font-weight:700}