.dew-light-theme,
.dew-dark-theme,
.dew-system-theme {
  --spacing-0: 0px;
  --spacing-025: 2px;
  --spacing-050: 4px;
  --spacing-075: 6px;
  --spacing-100: 8px;
  --spacing-150: 12px;
  --spacing-200: 16px;
  --spacing-250: 20px;
  --spacing-300: 24px;
  --spacing-400: 32px;
  --spacing-500: 40px;
  --spacing-600: 48px;
  --spacing-700: 56px;
  --spacing-800: 64px;
  --spacing-900: 72px;
  --spacing-1000: 80px;
  --border-radius-2xsmall: 2px;
  --border-radius-xsmall: 4px;
  --border-radius-small: 6px;
  --border-radius-medium: 8px;
  --border-radius-large: 12px;
  --border-radius-circular: 99px;
  --opacity-half: 0.5;
  --opacity-quarter: 0.25;
  --opacity-minimal: 0.15;
  --opacity-full: 1;
  --opacity-nil: 0;
  --shadow-xs: 1px 1px 2px 0px var(--color-shadow-5);
  --shadow-sm: 0px 1px 3px 0px var(--color-shadow-10), 0px 1px 2px 0px var(--color-shadow-5);
  --shadow-md: 0px 0px 8px -2px var(--color-shadow-10), 0px 2px 4px -2px var(--color-shadow-5);
  --shadow-lg: 0px 0px 16px -4px var(--color-shadow-10), 0px 4px 6px -2px var(--color-shadow-5);
  --shadow-xl: 0px 2px 4px 0px var(--color-shadow-5), 0px 2px 18px 0px var(--color-shadow-20);
  --shadow-2xl: 0px 0px 22px 4px var(--color-shadow-10);
  --shadow-3xl: 0px 0px 64px 4px var(--color-shadow-20);
  --shadow-dropdown-list: 15px 20px 40px 0px var(--color-shadow-5);
  --shadow-clicked-button: 0px 0px 4px 1px var(--color-shadow-25) inset;
}