/* Alpine.js: keep x-cloak elements hidden until Alpine initialises. */
[x-cloak] { display: none !important; }

/* Accessibility: skip-to-content link, visible only on keyboard focus. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: 10px 16px;
  background: var(--color-primary, #4a7a1a);
  color: #fff;
  border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; }

/* Self-hosted Inter (latin) — replaces the template's Google Fonts CDN link so the
   production app pulls no external assets (plan §Phase-9.1, "no CDNs"). Loaded
   before styles.css, which already sets font-family: 'Inter', … */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-400.da03732a27e1.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter-500.51205681a1ba.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter-600.2ede57db1a3a.woff2") format('woff2');
}