/* Rox reference tokens. */
@theme {
  --color-page-canvas: #f5f5f4;
  --color-surface-white: #ffffff;
  --color-blueprint-blue: #0b64e9;
  --color-text-primary: #0c0a09;
  --color-text-secondary: #1c1917;
  --color-text-muted: #a6a09b;
  --color-text-subtle: #57534d;
  --color-subtle-gray: #ececea;
  --color-border-light: #f0efef;
  --color-disabled-gray: #d4d2d1;
  --color-status-red: #f24149;
  --color-status-orange: #f97006;
  --color-status-yellow: #f9b703;
  --color-status-violet: #6b4aff;
  --spacing-radius-pill: 100px;
  --spacing-radius-large: 12px;
  --spacing-radius-buttons: 8px;
  --spacing-radius-default: 6px;
  --spacing-elementgap: 4-16px;
  --spacing-sectiongap: ;
  --spacing-cardpadding: 16px;
  --radius-pill: 100px;
  --radius-large: 12px;
  --radius-buttons: 8px;
  --radius-default: 6px;
}