export const FONTS = {
  heading: "'Host Grotesk', sans-serif",
  body: "'Manrope', sans-serif",
} as const

export const BREAKPOINTS = {
  mobile: '640px',
  tablet: '768px',
  desktop: '1024px',
  wide: '1280px',
} as const

export const SLIDER_INTERVAL = 5000
export const SCROLL_MULTIPLIER = 1.5

export const COLORS = {
  primary: '#102443',
  secondary: '#0a121e',
  accent: '#d20010',
  accentHover: '#9c1e36',
  white: '#ffffff',
  gray: {
    100: '#f4f7fb',
    200: '#ebebeb',
    400: '#99a1af',
    600: '#666666',
  },
} as const