/* Ui reference tokens. */
@theme {
  --color-canvas-white: #ffffff;
  --color-ghost-gray: #f2f2f2;
  --color-subtle-ash: #e5e5e5;
  --color-midtone-gray: #737373;
  --color-rich-black: #0a0a0a;
  --color-deep-black: #000000;
  --color-callout-red: #c22b10;
  --color-success-green: #10c22b;
  --spacing-radius-pill: 9999px;
  --spacing-radius-badge: 26px;
  --spacing-radius-cards: 14px;
  --spacing-radius-input: 10px;
  --spacing-radius-buttons: 10px;
  --spacing-radius-default: 10px;
  --spacing-elementgap: 8px;
  --spacing-sectiongap: 83px;
  --spacing-cardpadding: 16px;
  --radius-pill: 9999px;
  --radius-badge: 26px;
  --radius-cards: 14px;
  --radius-input: 10px;
  --radius-buttons: 10px;
  --radius-default: 10px;
}