/* Resend reference tokens. */
@theme {
  --color-void-black: #000000;
  --color-graphite-rail: #292d30;
  --color-smoke: #464a4d;
  --color-ash: #6c6c6c;
  --color-steel: #6e727a;
  --color-fog: #a1a4a5;
  --color-mist: #abafb4;
  --color-frost: #f0f0f0;
  --color-pure-white: #ffffff;
  --color-electric-blue: #3b9eff;
  --color-resend-violet: #9281f7;
  --color-surface-lift: #1b1b1b;
  --color-delivered-green: #3ad389;
  --color-bounced-red: #ff9592;
  --color-complained-yellow: #ffca16;
  --color-opened-blue: #70b8ff;
  --color-clicked-lavender: #baa7ff;
  --spacing-radius-tags: 10px;
  --spacing-radius-cards: 16px;
  --spacing-radius-large: 24px;
  --spacing-radius-badges: 6px;
  --spacing-radius-modals: 16px;
  --spacing-radius-buttons: 6px;
  --spacing-elementgap: 16px;
  --spacing-sectiongap: 80-120px;
  --spacing-cardpadding: 32px;
  --spacing-pagemaxwidth: 1200px;
  --radius-tags: 10px;
  --radius-cards: 16px;
  --radius-large: 24px;
  --radius-badges: 6px;
  --radius-modals: 16px;
  --radius-buttons: 6px;
}