/* stitchu design tokens — the single source for the visual language.
   RESKIN 2026-07-16 (Damla, patch 2.1): baby-blue world replaces vişne. Layout
   and Didot structure unchanged; only the color world turns. Text is navy for
   WCAG-AA contrast on white/pale-blue. Flat Helvetica on pattern paper. */
:root {
  /* color */
  --ink: #1f3a5f;        /* navy body ink (AA on white) */
  --paper: #ffffff;
  --accent: #2f6f7e;     /* teal/navy accent (was vişne #8f2038) */
  --gray: #5b7089;
  --faint: #cfe0ef;

  /* baby-blue reskin palette (single source) */
  --bb: #8fbfe8;
  --bb-deep: #3f74a8;    /* AA-readable baby blue for labels/links */
  --bb-pale: #dceaf7;
  --bb-line: #bcd7ee;
  --navy: #1f3a5f;
  --teal: #2f6f7e;

  /* thread palette (muted, never loud) — mirrors the Worker's WALL_COLORS */
  --thread-rose: #C4767B;
  --thread-ochre: #B8963E;
  --thread-olive: #7A8450;
  --thread-navy: #3E5C76;
  --thread-plum: #7E5A75;

  /* type — Helvetica only, weight 400 only (bold is banned) */
  --font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --size-hero: 46px;
  --size-h2: 26px;
  --size-body: 16px;
  --size-small: 14px;
  --size-fine: 13px;

  /* shape — sharp corners: 2px is the house maximum */
  --radius: 2px;
  --hairline: 1px solid var(--ink);
  --seam: 1px dashed var(--ink);

  /* space */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 72px;
  --measure: 1060px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background: var(--paper); color: var(--ink); }
body {
  font-family: var(--font);
  font-weight: 400;
  font-size: var(--size-body);
  line-height: 1.5;
}
::selection { background: var(--accent); color: var(--paper); }
b, strong { font-weight: 400; } /* bold is banned; neutralize accidents */
.wrap { max-width: var(--measure); margin: 0 auto; padding: 0 var(--space-3); }