@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");

@import url("footer.296368af51fa.css");
@import url("navbar.9f4da79d65ce.css");
@import url("button.9a6417e54ae5.css");
@import url("font.68cfa2660c4b.css");
@import url("container.2e247f96d5ac.css");
@import url("errors.3883ffc316e2.css");


:root {
  /* Colors */
  --color-bg: #ebe7df;
  --color-dark: #2b1d0e;
  --color-accent: #f4530a;
  --color-text-light: #ebe7df;

  /* Typography */
  --font-heading: "Neue Haas Grotesk", "Helvetica Now", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-header: "Geist", sans-serif;

  --fw-black: 900;
  --fw-bold: 700;
  --fw-regular: 400;

  /* Spacing/Radius */
  --radius-btn: 8px;
  --radius-input: 4px;
  --border-hairline: 1px solid rgba(43, 29, 14, 0.3);

  --min-height: calc(100vh - (80px + 2rem));
}

input {
  background-color: white;
  padding: 0.5rem;
  outline: var(--border-hairline);
  border-radius: var(--radius-input);
}

textarea {
  background-color: white;
  padding: 0.5rem;
  outline: var(--border-hairline);
  border-radius: var(--radius-input);
}

html,
* {
  padding: 0;
  margin: 0;
}

body {
  background-color: var(--color-bg);
  font-family: var(--font-body);
  color: var(--color-dark);
}