/* Agency theme — supplemental styles on top of the Tailwind CDN.
   Most styling is utility-class driven in the templates; this file
   carries the few stateful rules Tailwind's CDN can't express inline. */

/* Transparent header: overlays the hero, then solidifies on scroll
   (the data-scrolled attribute is toggled by the layout's scroll script). */
[data-site-header][data-variant="transparent"] {
  position: absolute;
  left: 0;
  right: 0;
}
[data-site-header][data-variant="transparent"][data-scrolled] {
  position: fixed;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #f1f5f9;
  color: #0f172a;
}
[data-site-header][data-variant="transparent"][data-scrolled] a {
  color: #334155;
}
[data-site-header][data-variant="transparent"][data-scrolled] a:hover {
  color: #0f172a;
}

/* Accent-driven focus ring helper (paired with --accent from the layout). */
.agency-focus:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--accent);
}