const overlayColors = {
  // Todo: Remove the base object, only here to have backward compatibility
  base: {
    primary: 'var(--theme-overlay-base-primary)',
    secondary: 'var(--theme-overlay-base-secondary)',
    tertiary: 'var(--theme-overlay-base-tertiary)',
    quaternary: 'var(--theme-overlay-base-quaternary)',
  },
  dark: {
    dark1: 'var(--theme-overlay-dark-dark1)',
    dark2: 'var(--theme-overlay-dark-dark2)',
    dark3: 'var(--theme-overlay-dark-dark3)',
  },
};

export default overlayColors;
