/* Design tokens. NOTHING but :root belongs in this file — see DESIGN.md §3.
   If a colour ever has to be edited in site.css, the token set is wrong. */

:root {
  /* Surfaces — pale aqua celadon, cards float white on top of it */
  --bg:             #e7f0ed;
  --surface:        #ffffff;
  --surface-raised: #f7fbfa;
  --border:         #bed7ce;

  /* Text */
  --text:      #222b28;   /* cool near-black, ~12.5:1 on --bg */
  --text-dim:  #556561;   /* ~5.3:1 on --bg — fine at 18px, never smaller */

  /* Brand — terracotta against the celadon, the one warm thing on the page.
     Darkened from #b4531f when the background went from paper to celadon:
     the old value measured 4.31:1 here, under AA. This one is 5.0:1. */
  --accent:       #a8481a;
  --accent-soft:  #f3e4d8;

  /* Geometry */
  --tap-min:     56px;
  --radius:      14px;
  --radius-sm:    8px;
  --radius-pill: 999px;

  /* Type — body never below 18px; readers skew older */
  --text-base: 18px;
}