/* ============ CareInsight — Spacing, radius, shadow tokens ============ */
:root {
  /* Spacing scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 22px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 80px;   /* section vertical padding (max) */

  /* Section rhythm — sections use 64–80px vertical padding */
  --section-pad-y: 72px;
  --gutter: 72px;   /* editorial page side padding */

  /* Radius — cards are gently rounded; buttons/badges are full pills */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-page: 4px;    /* large editorial page sheets */
  --radius-pill: 999px;  /* buttons + badges */

  /* Hairlines / rules */
  --rule-thin: 1px;
  --rule-strong: 2px;

  /* Shadows — soft, cool, low; used sparingly (brief prefers hard rules over cards) */
  --shadow-card: 0 20px 50px -24px rgba(26, 20, 48, 0.4);
  --shadow-cover: 0 24px 60px -22px rgba(26, 20, 48, 0.55);
  --shadow-sm: 0 2px 10px -4px rgba(26, 20, 48, 0.18);
}