/* bAwear Score — spacing, radii, shadows, borders */
:root{
  /* Spacing (4px base) */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  /* Radii */
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:8px;   /* cards */
  --radius-xl:12px;  /* modals, hero panels */
  --radius-pill:999px;
  /* Shadows (subtle, cool) */
  --shadow-sm:0 1px 2px rgba(31,54,96,0.06);
  --shadow-md:0 2px 8px rgba(31,54,96,0.08);
  --shadow-lg:0 8px 24px rgba(31,54,96,0.12);
  --shadow-focus:0 0 0 3px rgba(66,133,244,0.25);
  /* Borders */
  --border-width:1px;
}