@import url(./reset.css);
@import url(./util.css);

@import url(../components/container.css);
@import url(../components/logo.css);
@import url(../components/menu.css);
@import url(../components/text.css);
@import url(../components/footer.css);
@import url(../components/form.css);
@import url(../components/pets.css);
@import url(../components/button.css);

@import url(../pages/initial.css);
@import url(../pages/register.css);
@import url(../pages/home.css);

:root {
  --color-primary: #36d6ad;
  --color-secondary: #3772ff;
  --color-accent: #fc7071;

  --color-background-main: #f7f7f7;
  --color-surface-main: #f6f6f6;
  --color-surface-cream: #fcf0e3;
  --color-surface-white: #ffffff;

  --color-text-base: #737380;
  --color-placeholder: #bcbcbc;

  --color-neutral-black: #000000;
  --color-neutral-white: #ffffff;

  --color-shadow-15: #00000026;
  --color-shadow-25: #00000040;

  --font-family-primary: "Poppins", sans-serif;
  --font-family-secondary: "IBM Plex Sans", sans-serif;

  font-size: 62.5%;
}

* {
  box-sizing: border-box;
}

body {
  font-family: var(--font-family-primary);
}