@import "fonts.css";
@import "root.css";
/* Start Reset */
@media (prefers-reduced-motion: no-preference) {
  :root {
    --reduced-motion-no-preference: 1;
  }
  html, body {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion: reduce) {
}
html {
  scrollbar-gutter: stable;
  accent-color: var(--clr-primary-500);
  color-scheme: only light;
  interpolate-size: allow-keywords;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;  margin: 0;
  font-family: var(--ff-base);
  font-size: var(--fs-base);
  font-weight: var(--fw-base);
  line-height: var(--lh-base);
  min-block-size: 100dvh;
  min-block-size: 100svh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
h1, h2, h3, h4, button, input, label {
  line-height: var(--lh-headings);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--ff-headings);
  font-size: var(--fs-h4);
  font-weight: var(--fw-headings);
}
img, video, iframe {
  display: block;
  block-size: auto;
  max-inline-size: 100%;
}
button, select, textarea, input {
  font: inherit;
  font-size: max(16px, 1em);
}
:focus:not(:focus-visible) {
  outline: none;
}
/* End Reset */
strong {
  font-weight: var(--fw-bold);
}
h1 {
   font-size: var(--fs-h1);
}
h2 {
   font-size: var(--fs-h2);
}
h3 {
   font-size: var(--fs-h3);
}
/* Start Normalize */

/* End Normalize */
@media (max-width: 575.98px) {
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}