/* Repair Hi Plus — Spacing, radius, elevation tokens
   Deliberate spacing steps; generous negative space. Soft navy-tinted depth.
   Rounded but disciplined shapes — pills for controls, 20px for cards. */
:root {
  /* —— Spacing scale —— */
  --space-xs: 4px;     /* fine adjustments */
  --space-sm: 8px;     /* component composition */
  --space-md: 16px;    /* component composition */
  --space-lg: 24px;    /* grouping */
  --space-xl: 40px;    /* broad separation */
  --space-section: 120px; /* calm vertical rhythm between major blocks */

  /* —— Radius —— */
  --radius-none: 0px;
  --radius-sm: 6px;    /* small inner elements */
  --radius-md: 12px;   /* inputs, chips, small cards */
  --radius-lg: 20px;   /* cards, panels */
  --radius-xl: 28px;   /* large surfaces */
  --radius-full: 9999px; /* pills: buttons, tags */

  /* —— Elevation — soft, navy-tinted, restrained —— */
  --shadow-sm: 0 1px 2px rgba(4,28,55,0.06);
  --shadow-card: 0 4px 12px rgba(4,28,55,0.08);   /* card hover, dropdowns, sticky bars */
  --shadow-overlay: 0 12px 32px rgba(4,28,55,0.16); /* true overlays only */

  /* —— Layout —— */
  --container-max: 1200px;
  --container-pad: 24px;
}