/**
 * 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;
  --light-pumpkin: #ffdbcc;
  --cavendish: #ffe01b;
  --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;

  /*
   * Means is the report's display serif and is likewise licensed and not
   * distributed here. Same reasoning on the fallbacks: a transitional serif
   * with close enough metrics that swapping in the real webfont does not
   * reflow the headings.
   */
  --font-serif: "Means", "Tiempos Headline", Georgia, "Times New Roman", serif;
}