/* Dia Browser reference tokens. */
@theme {
  --color-ink-black: #000000;
  --color-snow: #ffffff;
  --color-canvas: #f8f8f8;
  --color-fog: #efefef;
  --color-pebble: #d9d9d9;
  --color-graphite: #636363;
  --color-slate: #959595;
  --color-steel: #aeaeae;
  --color-ash: #7c7c7c;
  --color-spectrum-gradient: #fa3d1d;
  --color-rose-quartz: #c679c4;
  --color-marigold: #ffb005;
  --color-signal-blue: #0358f7;
  --color-hot-pink: #fd02f5;
  --spacing-radius-cards: 30px;
  --spacing-radius-images: 10px;
  --spacing-radius-buttons: 30px;
  --spacing-radius-navitems: 16px;
  --spacing-radius-containers: 40px;
  --spacing-radius-pillbuttons: 9999px;
  --spacing-elementgap: 15-20px;
  --spacing-sectiongap: 80-120px;
  --spacing-cardpadding: 32px;
  --spacing-pagemaxwidth: 1200px;
  --radius-cards: 30px;
  --radius-images: 10px;
  --radius-buttons: 30px;
  --radius-navitems: 16px;
  --radius-containers: 40px;
  --radius-pillbuttons: 9999px;
}