:root {
  --bg: #FDFBF7;
  --ink: #1C1712;
  --ink-muted: #5B5044;
  --red: #DF301C;
  --cyan: #00B7CD;
  --orange: #FF9100;
  --border: rgba(28, 23, 18, 0.10);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
.font-display {
  font-family: 'Sora', sans-serif;
}

.btn-primary {
  background: var(--red);
  transition: background-color .2s ease;
}

.btn-primary:hover {
  background: #b8250f;
}

.btn-outline {
  border: 1px solid var(--ink);
  transition: background-color .2s ease, color .2s ease;
}

.btn-outline:hover {
  background: var(--ink);
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

details>summary {
  list-style: none;
  cursor: pointer;
}

details>summary::-webkit-details-marker {
  display: none;
}

details[open] .chev {
  transform: rotate(45deg);
}

.chev {
  transition: transform .2s ease;
}