@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap');

:root {
--site-sans: "Lexend", sans-serif, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* apply globally */
/* body { font-family: var(--site-sans); } */

/* make Tailwind's .font-sans use the same stack (useful when applying utility classes) */
.font-lexend { font-family: var(--site-sans) !important; }
.font-fugaz { font-family: 'Fugaz One', cursive !important; }

#snakePath {
  mix-blend-mode: screen; /* or overlay/lighten depending on look */
  will-change: stroke-dashoffset, opacity;
  opacity: 1;
}

/* Optional subtle breathing/fade so the trail disappears behind */
@keyframes snakeFade {
  0%   { opacity: 1; }
  90%  { opacity: 1; }
  100% { opacity: 0.08; }
}