/* Puri Consulting — shared site styles.
   Replaces the design-runtime's `style-hover` attribute with real CSS,
   and holds the chrome (nav + footer) shared by every page. */

html, body { margin: 0; padding: 0; background: #F6F9FA; }
body {
  font-family: 'Lato', sans-serif;
  color: #12272E;
  -webkit-font-smoothing: antialiased;
}
a { color: #204650; }
a:hover { color: #5D92A3; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid #5D92A3;
  outline-offset: 3px;
}

/* --- nav ------------------------------------------------------------- */
.nav-link { color: #54727d; text-decoration: none; padding: 6px 0; }
.nav-link:hover { color: #204650; }
.nav-link[aria-current="page"] {
  color: #204650;
  padding: 6px 0 4px;
  border-bottom: 2px solid #204650;
}
.nav-link[aria-current="page"]:hover { color: #204650; }

/* --- footer ---------------------------------------------------------- */
.footer-link { color: #F6F9FA; }
.footer-link:hover { color: #9CC1CE; }
.footer-link--plain { text-decoration: none; }

/* --- primary call-to-action ------------------------------------------ */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  background: #204650;
  color: #F6F9FA;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 28px 64px;
  transition: background-color 220ms ease;
}
.btn-primary:hover { background: #12272E; color: #F6F9FA; }

@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}