/* Acctual reference tokens. */
@theme {
  --color-canvas-white: #ffffff;
  --color-ink-black: #000000;
  --color-graphite: #0f0f0f;
  --color-deep-slate: #1e1e1;
  --color-ash-gray: #8d8d8d;
  --color-button-black: #0d111b;
  --color-sky-teal: #0098f2;
  --color-hot-pink: #f200ca;
  --color-vivid-violet: #6d56fc;
  --color-subtle-cream: #f7fafc;
  --spacing-radius-cards: 20px;
  --spacing-radius-badges: 1250px;
  --spacing-radius-images: 32px;
  --spacing-radius-buttons: 100px;
  --spacing-elementgap: 4-24px;
  --spacing-sectiongap: 40-80px;
  --spacing-cardpadding: 24px;
  --spacing-pagemaxwidth: 1200px;
  --radius-cards: 20px;
  --radius-badges: 1250px;
  --radius-images: 32px;
  --radius-buttons: 100px;
}