:root {
  --dx-brand-primary: #0066FF;
  --dx-brand-secondary: #33C3FF;
  --dx-brand-navy: #0A2D7A;
  --dx-brand-light: #E6F4FF;
  --dx-brand-logoAccent: #22BCEF;
  --dx-text-primary: #172033;
  --dx-text-secondary: #667085;
  --dx-text-muted: #98A2B3;
  --dx-text-inverse: #FFFFFF;
  --dx-background-page: #F7F9FC;
  --dx-background-surface: #FFFFFF;
  --dx-background-disabled: #F2F4F7;
  --dx-background-dark: #0A2D7A;
  --dx-border-default: #E4E7EC;
  --dx-border-divider: #EAECF0;
  --dx-border-input: #D0D5DD;
  --dx-status-success: #12B76A;
  --dx-status-warning: #F79009;
  --dx-status-error: #F04438;
  --dx-status-info: #2E90FA;
  --dx-dark-page: #071A3D;
  --dx-dark-secondary: #0A2D5E;
  --dx-dark-card: #102A56;
  --dx-dark-text: #FFFFFF;
  --dx-dark-textSecondary: #B8C4D9;
  --dx-radius-small: 6px;
  --dx-radius-default: 8px;
  --dx-radius-card: 12px;
  --dx-radius-large: 16px;
}