/*
body {
  background-color: white;
  color: black;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white;
  }
}
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  margin: 0;
  overscroll-behavior: contain;
  height: 100%;
}

body {
  font-family:
    "Geist",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;

  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  font-feature-settings: "liga" 1;

  scroll-padding-top: var(--header-height);
  font-weight: 400; /* Regular */

  height: 100svh;
  height: 100%;
  background-color: #fbfaf9;
}

input[type="text"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
select {
  font-size: 16px;
}

button {
  background: none;
  color: inherit; /* Inherit font color from parent */
  border: none;
  padding: 0;
  font: inherit; /* Inherit font styles from parent */
  cursor: pointer;
  /*outline: inherit;*/
  /* Corrects inability to style clickable input types in iOS */
  -webkit-appearance: none;
  user-select: none;
}

button::-moz-focus-inner {
  /* Fixes a Firefox-specific focus ring issue */
  border: 0;
  padding: 0;
}

/* FONTS */
/* Geist Sans - Regular & Variable Weights */
@font-face {
  font-family: "Geist";
  src:
    url("/fonts/Geist.woff2") format("woff2"),
    url("/fonts/Geist.ttf") format("truetype-variations");
  font-weight: 100 900; /* Supports everything from Thin to Black */
  font-style: normal;
  font-display: swap;
}

/* Geist Sans - Italic Variable */
@font-face {
  font-family: "Geist";
  src:
    url("/fonts/Geist-Italic.woff2") format("woff2"),
    url("/fonts/Geist-Italic.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Geist Mono - Regular & Variable Weights */
@font-face {
  font-family: "Geist Mono";
  src:
    url("/fonts/GeistMono.woff2") format("woff2"),
    url("/fonts/GeistMono.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Geist Mono - Italic Variable */
@font-face {
  font-family: "Geist Mono";
  src:
    url("/fonts/GeistMono-Italic.woff2") format("woff2"),
    url("/fonts/GeistMono-Italic.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

h1 {
  font-family: "Geist", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: -0.01em;

  color: #000000;
}

pre,
code {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 400; /* Regular */
}

/* UTILITIES */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.hidden {
  display: none !important;
}