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

@import url("footer.dbf9e15db38c.css");
@import url("navbar.7dc080f52ed9.css");
@import url("button.6a15f88247c7.css");
@import url("font.81d1c5cf2c9c.css");
@import url("container.8cab1bb2a779.css");
@import url("errors.3883ffc316e2.css");

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

  /* Secondary / Coffee Palette */
  --color-secondary: #6f4e37;
  --color-secondary-light: #a89880;
  --color-secondary-dark: #3b2618;
  --color-secondary-bg: #fff5e9;
  --color-secondary-cream: #fafafa;

  /* 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;
  --radius-card: 10px;
  --radius-chip: 30px;
  --border-hairline: 1px solid rgba(43, 29, 14, 0.3);
  --min-height: calc(100vh - 100px);

  /* Icons */
  --icon-dark: invert(9%) sepia(19%) saturate(1130%) hue-rotate(356deg)
    brightness(93%) contrast(96%);
  --icon-accent: invert(36%) sepia(96%) saturate(3561%) hue-rotate(359deg)
    brightness(101%) contrast(101%);
}

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);
}