:root {
  --var-color-bg: #000000;
  --var-color-nav: #eeeeee;
  --var-color-nav-hover: #eeeeee;
  --var-color-btn: #eeeeee;
  --var-color-btn-hover: #333333;
  --var-color-elements: #eeeeee;
  --var-color-subelements: #eeeeee;
  --var-color-typo-icon: #333333;
  --var-color-cta: #151515;
  --var-color-cta-hover: #ebf4fc;
}


body.var { background-color: var(--var-color-bg); }
body.var .templateux-navbar .site-logo a{ color: var(--var-color-elements); }
body.var .go-down:before { background: var(--var-color-nav); }
body.var .go-down:after { border-top-color: var(--var-color-nav); }
body.var .templateux-navbar .templateux-menu ul li a { color: var(--var-color-elements); }
body.var .templateux-navbar .templateux-menu ul li a:before { background: var(--var-color-nav); }
body.var .button { background: var(--var-color-btn); color: var(--var-color-btn-hover); }
body.var .button:hover { background: var(--var-color-btn-hover); color: var(--var-color-btn); }
body.var a { color: var(--var-color-nav); }
body.var a:hover { color: var(--var-color-nav-hover); }
body.var { color: var(--var-color-typo-icon); }
body.var .p-3 { color: var(--var-color-typo-icon); }
body.var .p-3:hover { color: var(--var-color-nav-hover); }
body.var h1 { color: var(--var-color-elements); }
body.var h2 { color: var(--var-color-elements); }
body.var .work-detail .caption { color: var(--var-color-subelements); }
body.var .work-detail strong { color: var(--var-color-subelements); }
body.var .templateux-cta .words-1 { color: var(--var-color-cta-hover); }
body.var .templateux-cta:hover .words-2 { color: var(--var-color-cta); }
body.var .templateux-cta { background: var(--var-color-cta);}
body.var .templateux-cta:before { background: var(--var-color-cta-hover);}
body.var .templateux-footer {border-top: var(--var-color-bg); }
body.var .special { color: var(--var-color-subelements); }


.round {
  border-radius: 15px;
  width: 100%;
}