/* Design tokens sampled from https://develop.umassfive.coop/ */
/* Captured 2026-08-18 */
:root {
  --um5-color-purple: #5D285F;
  --um5-color-purple-hover: #4C154C;
  --um5-color-purple-accessible: #925D89;
  --um5-color-pink-hover: #F8E4F7;
  --um5-color-purple-light: #B281AF;
  --um5-color-gold: #F7B334;
  --um5-color-bg-light-purple: #F9F2F9;
  --um5-color-bg-grey: #EEEEEE;
  --um5-color-navy: #163958;
  --um5-color-text: #121212;
  --um5-color-text-muted: #888888;
  --um5-color-border: #DDDDDD;
  --um5-color-bg-utility: #F2EDF2;
  --um5-color-white: #FFFFFF;
  --um5-fw-light: 300;
  --um5-fw-regular: 400;
  --um5-fw-medium: 500;
  --um5-fw-semibold: 600;
  --um5-fw-bold: 700;
  --um5-shadow-card: 0 2px 8px rgba(18,18,18,0.08);
  --um5-shadow-dropdown: 0 4px 12px rgba(0,0,0,0.10);
  --um5-font-family: 'Roboto',sans-serif;
  --um5-fs-h1: 56px;
  --um5-fs-h2: 40px;
  --um5-fs-h3: 32px;
  --um5-fs-h4: 26px;
  --um5-fs-h5: 21px;
  --um5-fs-body: 17px;
  --um5-fs-body-lg: 18px;
  --um5-lh-heading: 1.1;
  --um5-lh-body: 1.3;
  --um5-space-1: 4px;
  --um5-space-2: 8px;
  --um5-space-3: 12px;
  --um5-space-4: 16px;
  --um5-space-5: 24px;
  --um5-space-6: 32px;
  --um5-space-7: 48px;
  --um5-space-8: 64px;
  --um5-space-9: 70px;
  --um5-space-10: 80px;
  --um5-space-11: 100px;
  --um5-space-12: 120px;
  --um5-radius-pill: 30px;
  --um5-radius-card: 12px;
}