Nite Riot

:root {
  --color-dominant: #80681e;
  --color-surface: #caa6e4;
  --color-ink: #675117;
  --color-accent: #9f8562;
  --color-detail: #a4c4c4;
}

/* CSS variables exposed by source */
:root {
  --colors--gray-1: #cac8c4;
  --font-families--regular-alternative: "ATF Demi", sans-serif;
  --font-families--regular-default: "ATF Book", sans-serif;
  --font-families--accent: Fixture, Verdana, sans-serif;
  --colors--white: white;
  --colors--yellow-white: #fcfaf5;
  --colors--black: black;
  --body--background: #fcfaf5;
  --dark-theme--background: black;
  --light-theme--text: black;
  --_about-page---city-image--scale: 1.2;
  --case-media--image-width: 17.375rem;
  --loader--background: black;
  --loader--logo-opacity: 100%;
  --vertex-3-x: 100%;
  --_loader---gap: .8125rem;
  --z-indices--footer: 200;
  --_work-page---before--bg-image: 0;
  --vertex-2-x: 100%;
  --vertex-3-y: 0%;
  --rotation-right: -5deg;
  --body--background-position-y: 0%;
  --case-media--image-height: 22rem;
  --transform-y-right: -20%;
  --system--scroll-bar-track-color: #cac8c4;
  --vertex-4-x: 0%;
  --_about-page---intro-image--bg-scale: 1.3;
  --_case-page---video-overlay--mask-bottom-line: 0%;
  --rotation-left: 5deg;
  --side-paddings--desktop: 2.1875rem;
  --vertex-2-y: 0%;
  --transform-y-left: -20%;
  --_inspired-page---layer-6: 60;
  --_theme---overlay-bg: black;
  --_inspired-page---layer-8: 80;
  --header--height-desktop: 5.125rem;
  --_case-page---info-mask: 100%;
  --_inspired-page---gallery-height: 151.875rem;
  --_work-page---before--scale: 1;
  --system--available-height: 100svh;
  --_about-page---intro-image--bg-scale-current: 1;
  --body--background-inverse: black;
  --case-media--item-width: 51rem;
  --loader-image-width: 0rem;
  --_about-page---city-image--opacity: 0;
  --_pages-transitions---mask-bottom-line: 100%;
  --loader--gallery-center-item-mask: 100%;
  --_case-page---video-overlay--mask-top-line: 0%;
  --_inspired-page---layer-cursor: 99;
  --_about-page---intro-image--mask-gap: 0rem;
  --system--scroll-bar-thumb-color: #9e9d9e;
  --z-indices--transition-overlay: 500;
  --_system---scrollbar--size: 0rem;
  --header--height-tablet: 4.25rem;
  --header--height-mobile: 4.5rem;
  --system--scroll-bar-thumb-color-dark: #333;
  --case-slider--height: 6.4375rem;
  --loader-image-height: 0rem;
  --body--text: black;
  --_inspired-page---layer-1: 10;
}