:root {
  --color-main-back: hsl(0, 0%, calc(100% - 20%));
  --color-main-text: hsl(0, 0%, calc(100% - 90%));
  --color-header-back: hsl(0, 0%, calc(100% - 18%));
  --color-panel-back: hsl(0, 0%, calc(100% - 15%));
  --color-card-back: hsl(0 0% calc(100% - 14%) / 1);
  --color-card-back-hover: hsl(0 0% calc(100% - 18%) / 1);
  --color-card-text: hsl(0 0% calc(100% - 80%) / 1);
  --color-card-text-darker: hsl(0 0% calc(100% - 65%) / 1);
  --color-lesser-text: hsl(0, 0%, calc(100% - 70%));
  --color-button-back: hsla(0, 0%, 0%, 0.3);
  --color-button-text: hsl(0, 0%, 100%);
  --color-link: hsl(0, 0%, calc(100%-65%));
  --color-scroll-track: hsl(0 0% 100% / 0.25);
  --color-scroll-thumb: hsl(0 0% calc(100% - 30%) / 1);
  --color-scroll-thumb-hover: hsl(0 0% calc(100% - 40%) / 1);
}