:root {
  --dx-charcoal: #182A34;
  --dx-deep-slate: #1F2933;
  --dx-teal: #009B7A;
  --dx-mint: #2CC7A0;
  --dx-light-neutral: #F5F7FA;
  --dx-white: #FFFFFF;
  --dx-border: #D8E0E6;
  --dx-muted: #60717C;
  --dx-status-blue: #2774D9;
  --dx-status-amber: #C47A00;
  --dx-status-red: #D64545;
  --dx-font-display: "Inter Display", "Inter", sans-serif;
  --dx-font-body: "Inter", sans-serif;
  --dx-radius-sm: 6px;
  --dx-radius-md: 10px;
  --dx-radius-lg: 16px;
  --dx-space-1: 4px;
  --dx-space-2: 8px;
  --dx-space-3: 12px;
  --dx-space-4: 16px;
  --dx-space-6: 24px;
  --dx-space-8: 32px;
}