:root {
  --page-bg: #f7f1e8;
  --surface-bg: #fffaf3;
  --card-bg: #ffffff;
  --text-color: #1f2233;
  --muted-text: #5b6476;
  --primary-color: #df5f2c;
  --secondary-color: #17433d;
  --header-bg: rgba(255, 250, 243, 0.82);
  --border-color: #eadfce;
  --button-radius: 20px;
  --shadow-soft: 0 24px 80px rgba(23, 67, 61, 0.12);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  color: var(--text-color);
  background:
    radial-gradient(circle at top, rgba(223, 95, 44, 0.12), transparent 28%),
    linear-gradient(180deg, var(--page-bg) 0%, var(--page-bg) 100%);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

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

button,
input,
textarea {
  font: inherit;
}

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

.eyebrow {
  display: inline-block;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--primary-color);
  font-weight: 700;
}

.is-hidden {
  display: none !important;
}