/* ============================================================
   Boatwork — Base element defaults & helpers.
   Light-touch resets so specimens & kits inherit brand type.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--bw-font-text);
  font-size: var(--bw-size-body);
  font-weight: var(--bw-weight-regular);
  line-height: var(--bw-leading-relaxed);
  color: var(--bw-text);
  background: var(--bw-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  font-family: var(--bw-font-display);
  font-weight: var(--bw-weight-bold);
  letter-spacing: var(--bw-tracking-display);
  line-height: var(--bw-leading-tight);
  color: var(--bw-text);
  margin: 0;
}

a { color: var(--bw-text-link); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ---- Display / heading helpers ----------------------------- */
.bw-display-xl { font-family: var(--bw-font-display); font-weight: 700; font-size: var(--bw-size-display-xl); letter-spacing: var(--bw-tracking-display); line-height: 1; }
.bw-display-lg { font-family: var(--bw-font-display); font-weight: 700; font-size: var(--bw-size-display-lg); letter-spacing: var(--bw-tracking-display); line-height: 1; }
.bw-display-md { font-family: var(--bw-font-display); font-weight: 700; font-size: var(--bw-size-display-md); letter-spacing: var(--bw-tracking-display); line-height: 1.14; }
.bw-h1 { font-family: var(--bw-font-display); font-weight: 700; font-size: var(--bw-size-h1); letter-spacing: var(--bw-tracking-display); }
.bw-h2 { font-family: var(--bw-font-display); font-weight: 700; font-size: var(--bw-size-h2); letter-spacing: var(--bw-tracking-display); }
.bw-h3 { font-family: var(--bw-font-display); font-weight: 700; font-size: var(--bw-size-h3); letter-spacing: var(--bw-tracking-display); line-height: 1.23; }

/* ---- Text helpers ------------------------------------------ */
.bw-lead     { font-family: var(--bw-font-text); font-size: var(--bw-size-lead); color: var(--bw-text-muted); line-height: 1.3; }
.bw-body     { font-family: var(--bw-font-text); font-size: var(--bw-size-body-lg); color: var(--bw-text-muted); line-height: var(--bw-leading-relaxed); }
.bw-eyebrow  { font-family: var(--bw-font-text); font-weight: 500; font-size: var(--bw-size-sm); letter-spacing: 0.04em; text-transform: uppercase; color: var(--bw-text-subtle); }
.bw-meta     { font-family: var(--bw-font-text); font-size: var(--bw-size-xs); color: var(--bw-text-muted); }