import 'focus-visible';
import theme from './index';

export default `
  :root {

    --reach-dialog: 1;
    --reach-tooltip: 1;
    
  }
  
  body {
    ${theme.text}
  }

  h1,h2,h3,h4,h5,h6{
    font-family:${theme.fontStack};
    color: ${theme.textPrimary};
  }
  
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6{
    min-width: ${theme.fontLineWidthMin};
    max-width: ${theme.fontLineWidthOneColumnMax};
    margin:0;
 }
  
  button{
    ${theme.textButton}
  }

  .js-focus-visible :focus:not([data-focus-visible-added]) {
    outline: none;
  }

  *[data-focus-visible-added] {
   ${theme.keyboardNavigationFocus}; 
  }
`;