/* bcozitsyou — shared styles (on top of Tailwind) */

html { scroll-behavior: smooth; }
body {
  font-family: 'Manrope', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h1, h2, h3 { font-family: 'Noto Serif', serif; }

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* "Ghost Border" from the design system: felt, not seen */
.ghost-border { border: 1px solid rgba(196, 198, 207, 0.15); }

/* Kicker labels */
.kicker {
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 800;
}

/* Scroll reveal */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Legacy tricolor logo class — superseded by the navy/gold wordmark,
   kept as plain navy in case any stray markup still references it */
.logo-its { color: #001F3F; }