/* TMX Website / Landing Page — radii, shadows, glows */
:root {
  /* radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* shadows */
  --sh-card: 0 1px 2px rgba(17,24,39,.04), 0 8px 24px -12px rgba(44,7,64,.18);
  --sh-pop: 0 2px 4px rgba(17,24,39,.05), 0 18px 40px -16px rgba(44,7,64,.28);
  --sh-dark: 0 20px 50px -20px rgba(0,0,0,.55);
  --glow-magenta: 0 12px 30px -8px rgba(214,45,253,.45);
  --glow-magenta-hover: 0 16px 34px -8px rgba(214,45,253,.55);
}