:root {
  --dg-sidebar-width: 16.25rem;
  --dg-bg-body: #F5F6F7;
  --dg-bg-main: #F5F6F7;
  --dg-bg-sidebar: #E5E7EA;
  --dg-bg-topbar: #FFFFFF;
  --dg-bg-card: #FFFFFF;
  --dg-text-main: #4B4F54;
  --dg-text-subtle: #777C82;
  --dg-text-invert: #FFFFFF;
  --dg-accent: #E1E4E8;
  --dg-accent-strong: #CCD1D7;
  --dg-border: #DDE1E5;
  --dg-border-strong: #C3C9D0;
  --dg-accent-blue: #A7D7C5;
  --dg-accent-lavender: #CDE4DA;
  --dg-accent-peach: #FFD6A5;
  --dg-accent-mint: #c9ddd3;
  --dg-accent-pink: #FFADAD;
  --dg-accent-success: #c9ddd3;
  --dg-accent-warning: #FFD6A5;
  --dg-accent-error: #FFADAD;
  --dg-accent-info: #E9EFF7;
  --dg-gap: 1rem;
  --dg-gap-sm: .5rem;
  --dg-gap-lg: 1.5rem;
  --dg-border-width: 1px;
  --dg-control-height: 37px;
  --dg-radius: .5rem;
  --dg-radius-lg: .75rem;
  --dg-radius-sm: .25rem;
}