@import url('tokens/fonts.css');
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
@import url('tokens/effects.css');
@import url('tokens/glass.css');
@import url('tokens/base.css');

::selection {
  background: var(--color-accent-orange);
  color: var(--purple-900);
}

/* background-attachment: fixed is unreliable on mobile Safari/Chrome —
   it can render blurry, fail to scroll with the page, or just look
   glitchy since mobile browsers handle the fixed viewport differently
   during scroll/URL-bar-hide transitions. Desktop keeps the parallax
   feel; mobile falls back to a normal scrolling background. */
.fixed-bg-section { background-attachment: fixed; }
@media (max-width: 768px) {
  .fixed-bg-section { background-attachment: scroll; }
}