/* The Worldwide Whiskers Club — shared styles. Page layout lives in each page's inline styles. */

@font-face {
  font-family: "Fredoka";
  src: url("../fonts/fredoka-var.woff2") format("woff2");
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-600.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: #FFFCF5; }
img { max-width: 100%; }

a { color: #1F1B16; }
a:hover { color: #0E6E66; }
a:focus-visible, summary:focus-visible {
  outline: 3px solid #0E6E66;
  outline-offset: 3px;
  border-radius: 6px;
}
footer a:focus-visible { outline-color: #FFC93C; }

.skip {
  position: absolute;
  left: 12px;
  top: -60px;
  z-index: 10;
  padding: 10px 18px;
  background: #1F1B16;
  color: #FFFCF5;
  border-radius: 999px;
  font-family: Poppins, "Segoe UI", system-ui, sans-serif;
  font-weight: 600;
  text-decoration: none;
}
.skip:focus { top: 12px; color: #FFFCF5; }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}