/* Edmonton Emergency Plumbing Co — custom styles */
:root {
  --ink: #0A1628;
  --navy: #0B3B82;
  --navy-dark: #072860;
  --safety: #FFB703;
  --safety-dark: #E89F00;
  --smoke: #F4F6F9;
  --steel: #5A6877;
}
html { scroll-behavior: smooth; }
body { font-feature-settings: "ss01", "cv11"; }

/* Reveal-on-scroll */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
.reveal-d1 { transition-delay: .1s; }
.reveal-d2 { transition-delay: .2s; }
.reveal-d3 { transition-delay: .3s; }

/* Marquee / scrolling strip */
@keyframes slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marquee { animation: slide 30s linear infinite; }

/* Stamp / badge effect */
.stamp {
  border: 3px solid currentColor;
  display: inline-block;
  padding: .25rem .75rem;
  transform: rotate(-3deg);
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

/* Diagonal stripes for emergency feel */
.stripes-y {
  background-image: repeating-linear-gradient(45deg, #FFB703 0 14px, #0A1628 14px 28px);
}

/* Subtle grid pattern */
.bg-blueprint {
  background-color: #0A1628;
  background-image:
    linear-gradient(rgba(255,183,3,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,183,3,.08) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Number callout */
.bignum { font-family: "Archivo Black", sans-serif; font-feature-settings: "tnum"; line-height: 0.9; }

/* Focus rings — visible */
a:focus-visible, button:focus-visible {
  outline: 3px solid var(--safety);
  outline-offset: 3px;
}

/* Marker / underline highlight */
.marker {
  background-image: linear-gradient(transparent 60%, rgba(255,183,3,.55) 60%);
}