"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const polished_1 = require("polished");
const styled_components_1 = require("styled-components");
// import * as scrollbarWidth from 'scrollbarwidth';
require("focus-visible");
require("../assets/fonts/inter.css");
exports.GlobalStyles = styled_components_1.createGlobalStyle `
  ${polished_1.normalize()}

  *, *:before, *:after {
    box-sizing: border-box;
  }

  /*
    This will hide the focus indicator if the element receives focus via the mouse,
    but it will still show up on keyboard focus.
  */
  .js-focus-visible :focus:not(.focus-visible) {
    outline: none;
  }

  body {
    background-color: white;
    color: ${({ theme }) => theme.colors.baseText};
    font-family: ${({ theme }) => theme.fontFamilies.baseText};
    font-weight: ${({ theme }) => theme.fontWeights.normal};
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &.ReactModal__Body--open {
      overflow: hidden;
      
    }
  }

  h1, h2, h3, h4, h5, h6 {
    color: ${({ theme }) => theme.colors.highlightText};
  }

  strong {
    font-weight: ${({ theme }) => theme.fontWeights.strong};
  }

  button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
  }
`;
//# sourceMappingURL=GlobalStyles.js.map