/* ==========================================================================
   The Trauma Healing Collective v3 — tokens (the only source of colour/type)
   "A garden that grows back": watercolour on cotton paper.
   Every text pair below is checked for WCAG AA on every field colour.
   ========================================================================== */
:root {
  /* paper & fields */
  --paper: #FCFBF8;
  --white: #FFFFFF;
  --mint: #E9F2EB;
  --blush: #F9EBEE;
  --lilac: #EFEBF8;
  --sage-field: #DDEBE1;

  /* text (contrast on paper / worst field) */
  --ink: #1C2A23;          /* 14.5 / 11.1 */
  --ink-soft: #4D5C54;     /*  6.8 / 5.2  */
  --forest: #1F4A33;       /*  9.7 / 7.5  */
  --garden: #2B6A43;       /*  6.3 / 4.8 ; white on it 6.5 */
  --garden-hover: #225A38; /* white on it 8.1 */
  --rose-deep: #98405A;    /*  6.3 / 4.9  */
  --lilac-deep: #5E4C8F;   /*  7.0 / 5.4  */

  /* decor only — never text */
  --sage: #B7D3BE;
  --rose: #E2A5B3;
  --lilac-mid: #C9BDEA;
  --honey: #F2D49B;
  --line: rgba(31, 74, 51, .14);
  --line-soft: rgba(31, 74, 51, .08);
  --line-strong: #6B8B77;  /* input borders, 3:1 */

  /* type */
  --serif: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --fs-body: 1.1875rem;    /* 19px */
  --lh-body: 1.65;

  /* shape */
  --r-sm: 14px;
  --r: 22px;
  --r-lg: 32px;
  --r-sheet: clamp(28px, 4vw, 48px);
  --shadow-sm: 0 1px 2px rgba(28, 42, 35, .04), 0 6px 18px -8px rgba(31, 74, 51, .14);
  --shadow: 0 1px 2px rgba(28, 42, 35, .04), 0 24px 48px -24px rgba(31, 74, 51, .22);
  --shadow-lift: 0 2px 4px rgba(28, 42, 35, .05), 0 32px 60px -28px rgba(31, 74, 51, .30);

  /* layout */
  --wrap: 1240px;
  --gutter: clamp(20px, 5vw, 56px);
  --header-h: 4.75rem;    /* 76px at default text size; grows with enlarged text */

  /* motion */
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --dur: .7s;
}