/* spacing + radii + shadows lifted verbatim from the .fig — not snapped to 4/8px */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:48px;--space-12:80px;
  --radius-sm:4px;      /* style-guide color swatches */
  --radius-card:5px;    /* chat cards, Home cards' outer wrap */
  --radius-lg:12px;     /* admin Performance Summary card, social sign-in buttons */
  --radius-bubble:16px; /* chat option pill */
  --radius-bubble-lg:20px; /* chat message bubble */
  --radius-pill:99px;   /* circular icon buttons, avatar container */
  --shadow-admin-card:inset 0 0 0 1px var(--admin-border), 0px 4px 8px -2px rgba(16,24,40,0.1), 0px 2px 4px -2px rgba(16,24,40,0.06);
  --shadow-social-btn:0px 0px 3px 0px rgba(0,0,0,0.084), 0px 2px 3px 0px rgba(0,0,0,0.168);
  --shadow-mic-btn:0px 3.188px 12.75px 0px rgba(26,26,26,0.48), inset 0px 9.563px 6.375px 0px rgba(255,255,255,0.28);
  --shadow-logo-container:0.696px 1.393px 2.786px 0px rgba(255,255,255,0.28), inset 0px 2.786px 2.786px 0px rgba(255,255,255,0.28);
}