/* Wonder reference tokens. */
@theme {
  --color-midnight-plum: #0f0217;
  --color-ghost-ink: #0b0211;
  --color-off-black: #111111;
  --color-bright-snow: #ffffff;
  --color-silver-mist: #e1e4e8;
  --color-border-violet: #44374a;
  --color-muted-ash: #6f6774;
  --color-charcoal-grey: #737373;
  --color-fuchsia-burst: #d262ff;
  --color-deep-orchid: #6a1791;
  --color-dark-magenta: #2d063a;
  --color-sunset-orange: #d97757;
  --spacing-radius-cards: 14px;
  --spacing-radius-badges: 9999px;
  --spacing-radius-inputs: 9999px;
  --spacing-radius-buttons: 8px;
  --spacing-radius-navitems: 8px;
  --spacing-elementgap: 12px;
  --spacing-sectiongap: 40px;
  --spacing-cardpadding: 12px;
  --radius-cards: 14px;
  --radius-badges: 9999px;
  --radius-inputs: 9999px;
  --radius-buttons: 8px;
  --radius-navitems: 8px;
}