"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PolyGlobalStyles = void 0;
const styled_components_1 = require("styled-components");
require("focus-visible");
require("./fonts/Inter/inter.css");
require("./fonts/Poppins/poppins.css");
exports.PolyGlobalStyles = (0, styled_components_1.createGlobalStyle) `
  html, body {
    margin: 0;
    padding: 0;
    background-color: ${({ theme }) => theme.COLOR.light};
    font-family: ${({ theme }) => theme.TYPOGRAPHY.font};
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

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

  button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
  }

  /*
    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;
  }
`;
//# sourceMappingURL=globalStyles.js.map