/**
 * Design tokens read from the Holiday Lookback Report Figma file.
 * Named to match the Figma variables so designers and engineers can talk
 * about the same thing.
 */

:root {
  --peppercorn: #231e15;
  --pumpkin: #ff7346;
  --jasmine: #f5f5f5;
  --white: #ffffff;

  /* Surfaces */
  --card-chart-bg: #fef6f7;
  --card-stats-bg: var(--jasmine);
  --toggle-border: #bcbbb9;
  --band-pink: #ffccd8;
  --rule: rgba(35, 30, 21, 0.15);

  --radius-card: 26px;
  --radius-pill: 100px;

  /*
   * Graphik Mailchimp App is licensed and is not distributed with this repo.
   * The fallbacks are chosen for similar metrics so the layout does not shift
   * once the real webfont is supplied by the web production team.
   */
  --font-sans: "Graphik Mailchimp App", "Helvetica Neue", Helvetica, Arial, sans-serif;
}