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

*:focus,
*:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
}

html {
  -webkit-tap-highlight-color: transparent;
}

:root {
  --bg: #f4f4f2;
  --surface: #ffffff;
  --ink: #141414;
  --muted: rgba(20, 20, 20, 0.55);
  --line: rgba(20, 20, 20, 0.1);
  --accent: #2a2a2a;
  --gutter: clamp(1.25rem, 3vw, 2.5rem);
  --font: "Manrope", system-ui, sans-serif;
  --font-display: "Instrument Serif", Georgia, serif;
}

html,
body {
  width: 100%;
  min-height: 100%;
  overflow-x: clip;
}

body {
  min-height: 100dvh;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
}

img {
  max-width: 100%;
  height: auto;
}