export const media = {
  // Breakpoints
  sm: '(min-width: 640px)',
  md: '(min-width: 768px)',
  lg: '(min-width: 1024px)',
  xl: '(min-width: 1280px)',
  '2xl': '(min-width: 1536px)',

  // Motion and hover
  motion: '(prefers-reduced-motion)',
  hover: '(any-hover: hover)',
};
