/* THREAD — Design tokens (from HANDOFF.md §2)
   Single source of truth for colour, type, spacing, radii. */

:root {
  /* Colour */
  --ink: #141414;
  --ink-secondary: #585858;
  --ink-disabled: #929292;
  --border: #D2D2D2;
  --surface: #FFFFFF;
  --surface-alt: #F7F7F7;
  --surface-section: #F0F0F0;
  --accent: #DC7238;          /* icons, large numerals (3:1 non-text/large ok) */
  --accent-text: #B8511B;     /* AA-safe accent for text — 5.0:1 on white */
  --accent-btn: #EE844A;      /* button fill, badges */
  --error-bg: #FBEFE4;
  --error: #D43737;

  /* Typography — Inter */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Radii */
  --radius-pill: 100px;
  --radius-card: 16px;
  --radius-input: 12px;
  --radius-mini: 8px;

  /* Spacing */
  --page-margin: 80px;
  --content-max: 1280px;
  --gap-lg: 40px;
  --gap-md: 24px;
  --gap-sm: 16px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0, 0.2, 1);
  --dur: 200ms;
}