/* LEIR — shared tokens, skip link, accessibility */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --ink: #060910;
  --orange: #e85d04;
  --amber: #f9a03f;
  --chalk: #edf0f5;
  --muted: #1e2a42;
  --soft: #4a5570;
}

.skiplink {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 10000;
  padding: 12px 20px;
  background: var(--orange);
  color: #fff;
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0 0 4px 0;
}
.skiplink:focus {
  left: 0;
  outline: 2px solid var(--chalk);
  outline-offset: 2px;
}

.site-foot {
  font-size: 7px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #3d4a63;
}
.site-foot a {
  color: var(--soft);
  text-decoration: none;
  transition: color 0.2s;
}
.site-foot a:hover {
  color: var(--chalk);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}