:root {
  --teal: #009DE0;
  --teal-deep: #0077B5;
  --teal-pale: #E0F4FB;
  --coral: #FF5F5F;
  --coral-pale: #FFEBEB;
  --cream: #FFF7E8;
  --sun: #FFD466;
  --pink: #FCE7F3;
  --pink-2: #FBCFE8;
  --pink-soft: #FDF2F8;
  --pink-deep: #BE185D;
  --pink-deeper: #9D174D;
  --ink: #0E1B2C;
  --ink-soft: #2C3D55;
  --ink-mute: #6B7B8E;
  --line: #E8EAED;
  --line-soft: #F4F5F7;
  --bg: #FFFFFF;
  --bg-2: #F7F8FA;
  --shadow-sm: 0 1px 2px rgba(14, 27, 44, .04);
  --shadow: 0 4px 12px rgba(14, 27, 44, .06);
  --shadow-md: var(--shadow);
  --shadow-lg: 0 12px 28px rgba(14, 27, 44, .10);
  --r: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --font-main: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}