<commit_before>import { color, Display, Sans, Serif } from "@artsy/palette"
import { injectLayoutBaseCSS } from "styled-bootstrap-grid"
import styled from "styled-components"
import { css } from "styled-components"
import reset from "styled-reset"

// @ts-ignore
import { ClassAttributes, HTMLAttributes } from "react"

if (process.env.NODE_ENV !== "test") {
  injectLayoutBaseCSS(`
    ${reset};

    *:focus {
      outline: none;
    }

    html,
    body,
    #root {
      height: 100%;
    }
    body {
      margin: 0;
      padding: 0;
    }

    html, body {
      font-family: 'AGaramondPro-Regular';
      font-size: 16px;
      line-height: 24px;
    }
  `)
}

// Mixins

const noUnderline = css`
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
`

const colorLink = css`
  color: ${color("purple100")};
`

export const GlobalStyles = styled.div`
  /* Default links */

  a {
    cursor: pointer;
    color: inherit;
    transition: color 0.25s;

    &:hover {
      color: ${color("black100")};<commit_msg>[PATCH typography] Add font smoothing to global styles<commit_after>import { color, Display, Sans, Serif } from "@artsy/palette"
import { injectLayoutBaseCSS } from "styled-bootstrap-grid"
import styled from "styled-components"
import { css } from "styled-components"
import reset from "styled-reset"

// @ts-ignore
import { ClassAttributes, HTMLAttributes } from "react"

if (process.env.NODE_ENV !== "test") {
  injectLayoutBaseCSS(`
    ${reset};

    *:focus {
      outline: none;
    }

    html,
    body,
    #root {
      height: 100%;
    }
    body {
      margin: 0;
      padding: 0;
    }

    html, body {
      font-family: 'AGaramondPro-Regular';
      font-size: 16px;
      line-height: 24px;    
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
  `)
}

// Mixins

const noUnderline = css`
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
`

const colorLink = css`
  color: ${color("purple100")};
`

export const GlobalStyles = styled.div`
  /* Default links */

  a {
    cursor: pointer;
    color: inherit;
    transition: color 0.25s;

    &:hover {
      color: ${color("black100")};
{'fraction_non_alphanumeric': 0.13615870153291254, 'fraction_numerical': 0.016230838593327322, 'mean_word_length': 2.7356902356902357, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5818437', 'n_tokens_mistral': 796, 'n_tokens_neox': 739, 'n_words': 182}