/* Shared Astroflick page inset — use on every surface */
:root {
  --af-page-pad-x: 80px;
  --af-page-pad-y: 32px;
  /* Logo gradient (public/assets/logo/astroflick-gradient.svg) */
  --af-accent: #f5f203;
  --af-grad: linear-gradient(90deg, #f5f203 0%, #bcba02 70.1397%, #8f8d02 100%);
  /* Override Digiknack pink wherever shared CSS uses these tokens */
  --accent-color: #f5f203;
  --cal-accent: #f5f203;
  --dk-scroll-thumb-accent: #f5f203;
}

@media (max-width: 720px) {
  :root {
    --af-page-pad-x: 24px;
    --af-page-pad-y: 24px;
  }
}