:root {
  /* Radii */
  --radius-1: 2px;
  --radius-pill: 999px;
  
  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(45, 45, 45, 0.05);
  --shadow-lg: 0 16px 32px rgba(45, 45, 45, 0.08);
  --shadow-pin: 0 2px 4px rgba(0, 0, 0, 0.2);
  
  /* Borders */
  --border-1: 1px solid var(--color-charcoal);
  --border-hairline: 1px solid var(--color-hairline);
  
  /* Transitions */
  --dur-quick: 180ms; /* @kind other */
  --dur-base: 300ms; /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
}