/* Krea reference tokens. */
@theme {
  --color-void-black: #000000;
  --color-canvas-white: #ffffff;
  --color-ash-gray: #a3a3a3;
  --color-coal: #171717;
  --color-iron: #262626;
  --color-frost: #f5f5f5;
  --color-deep-space-gradient: #474747;
  --color-cosmic-drift-gradient: #646464;
  --color-haze-gradient: #FFFFFF;
  --spacing-radius-large: 14px;
  --spacing-radius-buttons: 8px;
  --spacing-radius-default: 8px;
  --spacing-radius-extralarge: 32px;
  --spacing-elementgap: 8px;
  --spacing-sectiongap: 72px;
  --spacing-cardpadding: 20px;
  --radius-large: 14px;
  --radius-buttons: 8px;
  --radius-default: 8px;
  --radius-extralarge: 32px;
}