@use "@/styles/tokens.scss" as *;
@use "@/styles/animations.scss";
@use "@/styles/utilities.scss";

page {
  // `page` background must be a SOLID color: WeChat only renders solid page
  // backgrounds during page (navigateTo) transitions — a gradient/CSS-var here
  // falls back to white for one frame (the flash we chased). The gradient lives
  // on `.home` instead (see home/index.scss), exposed via this variable so
  // theming is a one-place change.
  --app-bg:
    radial-gradient(ellipse 70% 50% at 25% 0%, rgba(216, 180, 255, 0.1), transparent 60%),
    radial-gradient(ellipse 60% 50% at 75% 100%, rgba(255, 179, 200, 0.08), transparent 60%),
    linear-gradient(180deg, #1c1442 0%, #14102b 60%, #0f0a23 100%);
  min-height: 100%;
  background: $bg;
  color: $fg;
  font-family: $font-body;
}

button {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  line-height: inherit;
}

button::after {
  border: 0;
}

scroll-view {
  box-sizing: border-box;
}

