/* CrochetSmith design tokens — the only place brand values are defined. */
:root {
  /* Brand palette */
  --cs-green: #263C35;
  --cs-ivory: #F7F3EA;
  --cs-beige: #E8DFD0;
  --cs-sand: #D8C9B5;
  --cs-copper: #B59662;
  --cs-charcoal: #292B28;
  --cs-white: #FFFFFF;

  /* Derived neutrals (tints of the palette, not new brand colours) */
  --cs-ink-soft: #5A5D57;          /* secondary text on ivory/white, 6:1 */
  --cs-line: #D8C9B5;              /* hairlines */
  --cs-line-soft: rgba(216, 201, 181, .55);
  --cs-field-border: #857F72;      /* form control outlines, 3:1+ against ivory/white (WCAG 1.4.11) */
  --cs-green-hover: #1D2E29;
  --cs-ivory-dim: rgba(247, 243, 234, .74); /* secondary text on green */

  /* Typography */
  --font-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-ui: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --fs-display: clamp(3.2rem, 1.5rem + 6.6vw, 7rem);
  --fs-h1: clamp(2.6rem, 1.7rem + 3.6vw, 4.6rem);
  --fs-h2: clamp(2rem, 1.5rem + 2vw, 3.2rem);
  --fs-h3: clamp(1.4rem, 1.25rem + .55vw, 1.8rem);
  --fs-lead: clamp(1.15rem, 1.05rem + .45vw, 1.4rem);
  --fs-body: 1.0625rem;
  --fs-small: .9rem;
  --fs-xs: .8125rem;

  /* Layout */
  --container: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --measure: 66ch;
  --section-y: clamp(4rem, 3rem + 5vw, 8rem);
  --radius: 3px;
  --header-h: 76px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}