/* Refero reference tokens. */
@theme {
  --color-pure-canvas: #ffffff;
  --color-frost-surface: #f7f8fb;
  --color-midnight-ink: #000000;
  --color-deep-charcoal: #13151b;
  --color-graphite: #2d313f;
  --color-slate: #525769;
  --color-ash: #777d90;
  --color-fog: #9fa5ba;
  --color-modal-veil: #0c2970;
  --spacing-radius-tags: 8px;
  --spacing-radius-cards: 64px;
  --spacing-radius-small: 4px;
  --spacing-radius-inputs: 12px;
  --spacing-radius-modals: 24px;
  --spacing-radius-panels: 20px;
  --spacing-radius-buttons: 9999px;
  --spacing-elementgap: 12px;
  --spacing-sectiongap: 80px;
  --spacing-cardpadding: 24px;
  --spacing-pagemaxwidth: 1200px;
  --radius-tags: 8px;
  --radius-cards: 64px;
  --radius-small: 4px;
  --radius-inputs: 12px;
  --radius-modals: 24px;
  --radius-panels: 20px;
  --radius-buttons: 9999px;
}