html {
  scroll-behavior: smooth;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

:root {
  --tw-color-mars-50: #fbeee6;
  --tw-color-mars-700: #c1440e;
  --tw-color-mars-800: #9a360b;
}

.bg-mars-50 { background-color: var(--tw-color-mars-50); }
.bg-mars-700 { background-color: var(--tw-color-mars-700); }
.hover\:bg-mars-800:hover { background-color: var(--tw-color-mars-800); }
.text-mars-700 { color: var(--tw-color-mars-700); }

header[data-site-header].is-scrolled {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}