/* ------------------------------------------------------------------
   EFFECTS — radii, borders, shadows, motion
   Care and Health Program
   Rounded but not bubbly; warm-tinted shadows (never neutral grey);
   confident, gentle motion — fades and small lifts, no bounce.
------------------------------------------------------------------ */
:root {
  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;   /* default card / input */
  --radius-lg: 18px;
  --radius-xl: 26px;   /* feature cards, hero panels */
  --radius-pill: 999px;
  --radius-full: 50%;

  /* Border widths */
  --border-hair: 1px;
  --border-thick: 2px;
  --border-accent: 4px; /* left/top accent rules */

  /* Shadows — warm brown-green tint, never pure grey */
  --shadow-xs: 0 1px 2px rgba(52, 47, 40, 0.06);
  --shadow-sm: 0 2px 6px rgba(52, 47, 40, 0.08);
  --shadow-md: 0 8px 20px -6px rgba(52, 47, 40, 0.14);
  --shadow-lg: 0 18px 40px -12px rgba(34, 30, 25, 0.22);
  --shadow-xl: 0 32px 64px -16px rgba(23, 20, 15, 0.28);
  --shadow-brand: 0 14px 30px -10px rgba(20, 102, 63, 0.35);
  --shadow-inner: inset 0 1px 2px rgba(52, 47, 40, 0.08);

  /* Focus ring composite */
  --ring: 0 0 0 3px rgba(244, 181, 43, 0.55);

  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */

  /* Signature warm gradient washes */
  --wash-brand: linear-gradient(135deg, var(--green-700) 0%, var(--green-600) 55%, var(--green-500) 100%);
  --wash-sunrise: linear-gradient(120deg, var(--red-600) 0%, var(--gold-500) 100%);
  --wash-warm: linear-gradient(180deg, var(--sand-50) 0%, var(--gold-50) 100%);
}