/* Rocko's World — shared "candy" heading system.
   One source of truth for the brand display font so every page reads as one world.
   Link it AFTER the page's own Google Fonts <link>, then tag the hero heading:
     class="candy"       → clean candy font (light-themed pages)
     class="candy c3d"   → glossy 3D candy (dark navy pages; uses the page's --edge)
   font-family is forced so it wins over each page's bespoke h1 selector. */
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');

:root{ --pop:'Luckiest Guy','Lilita One','Fredoka',system-ui,sans-serif; }

.candy{
  font-family:var(--pop) !important;
  letter-spacing:.5px;
  text-wrap:balance;
}
.candy.c3d{
  -webkit-text-stroke:2px var(--edge,#0b1020);
  paint-order:stroke fill;
  text-shadow:0 5px 0 var(--edge,#0b1020);
}