/* welly design tokens — brand-preserved palette + Hallmark 4pt scale.
   Portable: drop into any welly page; reference by name, never inline raw values. */
:root {
  /* paper / ink */
  --paper: #ffffff;  --card: #ffffff;  --bg-alt: #f6f7fb;
  --ink: #2a2d35;  --ink-soft: #5a6070;  --ink-dim: #8b91a0;  --line: #e7e9ef;
  --focus: #4f5bd5;

  /* zones */
  --zone-green: #2fa56f;  --zone-yellow: #e0a32b;  --zone-red: #e0594f;

  /* axis hues */
  --sleep: #4f5bd5;  --gut: #2fa56f;  --energy: #e6a32b;
  --immune: #e0607e;  --env: #8b6fc9;  --load: #e0743a;  --mind: #6b7686;

  /* type */
  --font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Unbounded", "Onest", system-ui, sans-serif;

  /* 4pt spacing scale */
  --s1: 0.25rem;  --s2: 0.5rem;  --s3: 0.75rem;
  --s4: 1.25rem;  --s5: 1.75rem;  --s6: 3rem;

  /* radius */
  --r-card: 18px;  --r-pill: 999px;

  /* elevation */
  --shadow-sm: 0 2px 10px rgba(40, 45, 70, .05);
  --shadow-md: 0 16px 36px -12px rgba(40, 45, 70, .18);

  /* motion */
  --dur: 200ms;  --ease: cubic-bezier(.2, .7, .2, 1);
}