:root {
  color-scheme: light;
  --ink: #17130e;
  --muted: #5a4f45;
  --accent: #f05d23;
  --accent-dark: #c54416;
  --mint: #1f8a70;
  --paper: #f9f3e9;
  --card: rgba(255, 255, 255, 0.88);
  --card-strong: rgba(255, 255, 255, 0.96);
  --shadow: 0 24px 60px rgba(22, 16, 10, 0.18);
  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --max-width: 1040px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  min-height: calc(var(--vh, 1vh) * 100);
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  display: block;
}

button,
input {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}

h1,
h2,
h3 {
  margin: 0;
  font-family: "Fraunces", "Georgia", serif;
}

ul {
  margin: 0;
}