:root {
  --cream: #fff0ce;
  --orange: #ff8119;
  --orange-light: #ffad47;
  --ink: #100b08;
}

* { box-sizing: border-box; }

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

html { scroll-behavior: smooth; }

.skip-link {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 20;
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--orange);
  color: #231008;
  font-weight: 900;
  text-decoration: none;
  transform: translateY(-120%);
}
.skip-link:focus {
  transform: none;
  outline: 2px solid var(--cream);
  outline-offset: 2px;
}

body {
  min-width: 320px;
  margin: 0;
  color: var(--cream);
  font-family: Nunito, system-ui, sans-serif;
  background: var(--ink);
}