/*
 * "Pop" palette from the A/B landing test. Scoped to .theme-pop so it can live next to pastel
 * while only the landing page uses it. Keep in sync with `pop` in index.ts.
 */
.theme-pop {
  --pop-ink: #171522;
  --pop-ink-muted: #4e495a;
  --pop-stone: #625d68;
  --pop-paper: #fffaf2;
  --pop-white: #ffffff;
  --pop-yellow: #ffd84d;
  --pop-pink: #ff6f91;
  /* Pink dark enough for text on white (AA). */
  --pop-pink-deep: #b4234b;
  --pop-violet: #7758ff;
  --pop-mint: #7ee8bd;
  --pop-blue: #78c9ff;
  --pop-orange: #ff9f43;
  --pop-verified-wash: #e7fff3;
  --pop-verified-ink: #1d6f4c;
  --pop-line: rgb(23 21 34 / 14%);
  --pop-shadow: 0 22px 70px rgb(40 27 90 / 14%);
  --pop-font-display: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --pop-font-body: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pop-r-lg: 24px;
  --pop-r-xl: 34px;
  --pop-offset: 8px;
}