text: import "../styles/global.css"
  import Typography from "typography"
  import lincolnTheme from "typography-theme-lincoln"
  const typography = new Typography(lincolnTheme)
  
  lincolnTheme.overrideThemeStyles = () => ({
    body: {
      color: "var(--textNormal)",
    },
    a: {
      textShadow: "none",
    },
  
    // gatsby-remark-autolink-headers - don't underline when hidden
    "a.anchor": {
      boxShadow: "none",
    },
    // gatsby-remark-autolink-headers - use theme colours for the link icon
    'a.anchor svg[aria-hidden="true"]': {
      stroke: "var(--textLink)",
    },
    hr: {
      background: "var(--hr)",
    },
  })
  
  // Hot reload typography in development.
  if (process.env.NODE_ENV !== `production`) {
    typography.injectStyles()
  }
  
  export default typography
  export const rhythm = typography.rhythm
  export const scale = typography.scale
  