@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap");

:root {
  --temis-bg: #faf6f0;
  --temis-surface: #fffdf8;
  --temis-ink: #2a2a2a;
  --temis-muted: #6b6b6b;
  --temis-accent: #b8860b;
  --temis-line: rgba(26, 26, 26, 0.12);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  background: radial-gradient(circle at top, #fff8ea 0%, var(--temis-bg) 52%, #f3eee7 100%);
  color: var(--temis-ink);
  font-family: "Outfit", sans-serif;
}

main {
  min-height: 100vh;
}

.spa-shell {
  min-height: 100vh;
}

.spa-boot {
  display: grid;
  place-items: center;
  min-height: 100vh;
  color: #3f4254;
  font-family: "Outfit", sans-serif;
}

.page-title,
h1,
h2,
h3 {
  font-family: "Cormorant Garamond", serif;
}

a {
  color: var(--temis-accent);
}

input,
select,
textarea,
button {
  font-family: "Outfit", sans-serif;
}

@media (max-width: 768px) {
  body {
    background: var(--temis-bg);
  }
}