/* Playful theme — editorial overrides layer */
/* Keep minimal: base.css already carries the editorial system. */

/* Accent marks on hover for navigation items */
.main-nav a[aria-current="page"] { color: var(--color-primary); }

/* Strong italic accents on hero display */
.hero h1 { font-optical-sizing: auto; }

/* Make package price stand out with optical scaling */
.package-card .price { font-optical-sizing: auto; }

/* Subtle grain texture via CSS gradient noise (lightweight, no images) */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: .035;
  mix-blend-mode: multiply;
  background-image:
    radial-gradient(#000 1px, transparent 1px),
    radial-gradient(#000 1px, transparent 1px);
  background-size: 3px 3px, 5px 5px;
  background-position: 0 0, 1px 2px;
}
body > * { position: relative; z-index: 2; }