/* Ramp reference tokens. */
@theme {
  --color-deep-space-black: #0c0a08;
  --color-pure-white: #ffffff;
  --color-ash-gray: #1a1919;
  --color-charcoal-black: #000000;
  --color-ivory-white: #f4f2f0;
  --color-slate-gray: #999ba3;
  --color-iron-gray: #4d505d;
  --color-midnight-ink: #010412;
  --color-ocean-abyss: #0b0d1b;
  --color-silver-mist: #d2cecb;
  --color-sunbeam-yellow: #e4f222;
  --color-emerald-green: #00d638;
  --color-deep-sea-blue: #5683d2;
  --color-electric-blue: #0066ff;
  --color-blaze-orange: #ff492c;
  --spacing-radius-nav: 4px;
  --spacing-radius-cards: 12px;
  --spacing-radius-input: 10px;
  --spacing-radius-buttons: 4px;
  --spacing-radius-default: 12px;
  --spacing-elementgap: 8px;
  --spacing-sectiongap: 24px;
  --spacing-cardpadding: 24px;
  --radius-nav: 4px;
  --radius-cards: 12px;
  --radius-input: 10px;
  --radius-buttons: 4px;
  --radius-default: 12px;
}