/* Shared by the native particle experience and every Next.js page.
   The homepage footer is the reference for the site's background palette. */
:root {
  --site-base: #03070c;
  --site-background-top: #03070c80;
  --site-background-bottom: #03070cd9;
  --site-background: linear-gradient(180deg, var(--site-background-top), var(--site-background-bottom));
  /* Content surfaces share the footer's exact colour AND opacity. */
  --site-panel-top: var(--site-background-top);
  --site-panel-bottom: var(--site-background-bottom);
  --site-panel: var(--site-background);
  --site-overlay: var(--site-background);
  --site-scrim: #03070cd9;
  --site-header: var(--site-background);
  --site-reading-mask: linear-gradient(90deg, #03070cf5 0%, #03070ce8 39%, #03070cbd 47%, #03070c38 57%, #03070c00 70%);
  --site-reading-mask-mobile: linear-gradient(90deg, #03070cee, #03070cc7);
}