/* ============================================================
   RecMom — RADIUS, BORDER & ELEVATION TOKENS
   Shape language: fully-rounded pills for interactive controls,
   softly-rounded cards. [PLACEHOLDER pill; PROPOSED rest]
   ============================================================ */
:root {
  --radius-pill: 999px; /* buttons, chips, search, circular icon btn */
  --radius-lg: 16px;    /* cards, sheets */
  --radius-md: 12px;    /* form inputs, menus */
  --radius-sm: 8px;     /* small tags, inline */

  --border-width: 1px;
  --border-width-strong: 1.5px; /* outline button */

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.08);  /* resting cards on light */
  --shadow-md: 0 4px 12px rgba(0,0,0,0.10); /* raised cards, popovers */
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.16);/* modals, bottom sheets */

  /* Focus ring */
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}