:root {
  --parallax-progress: 0.440426;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
/*  --gap: calc(var(--size) / 14);*/
  --gap: calc(var(--size) / 40);
  --duration: 75s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

:root,
:root.light {
  --card-bg-color: #fff;
  --scrollbar-track-bg-color: rgba(0,0,0, 0.05);
  --scrollbar-track-scroll-bg-color: rgba(0,0,0, 0.2);
  --scrollbar-track-hover-bg-color:;
}

:root.dark {
  --card-bg-color: #1e1e1e;
  --scrollbar-track-bg-color: var(--button-bg-color);
  --scrollbar-track-scroll-bg-color: var(--tab-hover-color);
  --scrollbar-track-hover-bg-color:;
}