export const nav =
  'sticky top-0 z-50 bg-bones-white dark:bg-bones-black border-b border-bones-black-10 dark:border-bones-white-20';

export const container = 'container mx-auto px-4';

export const innerContainer = 'flex items-center justify-between h-16';

export const logo =
  'text-xl font-serif text-bones-black dark:text-bones-white hover:text-bones-blue dark:hover:text-bones-blue transition-colors';

export const linksContainer = 'flex items-center space-x-8';

export const navLink =
  'text-bones-black-60 dark:text-bones-white-80 hover:text-bones-blue dark:hover:text-bones-blue transition-colors';