/* dark.css: 👉 light-on-dark */
:root {
  --nav-logo-color: #ffffff;
  --nav-link-color: rgba(255,255,255,.5);
  --nav-link-color-active: #ffffff;
  --nav-link-hover-color: #ffffff;
  --color: rgb(250, 250, 250);
  --background-color: #111113;
  --body-bg: #236569;
  /* --background-color: #0e0e0e; */
  /* --background-color: #000000; */
  /* --grid-cell: #212121; */
  --grid-cell: #242425;
  --grid-cell-border: 1px solid rgb(51 51 51);
  --grid-cell-guide: rgb(51 51 51);
  --text-color: #fff;
  --text-color-dark: #212121;
  --text-color-nav: rgba(225, 225, 225, 0.72);
  --navbar-bg: rgba(29, 29, 31, 0.72);
  --navbar-border-bottom: rgba(255, 255, 255, 0.24);
  --nav-link-text-active: #fff;
  --nav-link-text: #fff;
  --city-notification-bg: rgba(29, 29, 31, 0.72);
  --scrollbar-track: #131313;
  --scrollbar-thumb: #606060;
  --app: linear-gradient(#242526, #111113);
  --beta-button-bg:  rgb(255 255 255 / 20%);
  --app-bg: rgb(7 255 216 / 20%);
  --app-bg-gold: rgb(255 193 7 / 0.2);
  --app-bg-green: rgb(7 255 216 / 20%);
  --app-bg-emerald: rgb(4 99 7 / 0.2);
  --beta-button-text: #ffffff;
  --modal-bg: #242526;
  --modal-inner-border: 1px solid rgb(255 255 255 / 0.15);
  --engineering-gif: url(/img/engineering/armatron.gif);
  --engineering-bg: #236569;
  --engineering-gif-size: cover;
  --engineering-gif-position: left;
  --engineering-gif-transform: scaleX(-1);
  --engineering-artwork: scaleX(-1);
  --material-chip-bg: rgb(255 255 255 / 0%);
  --material-chip-border: 1px solid rgb(255 255 255 / 0.16);
  --material-chip-text: #b1b1b1;
  --nav-logo-color-active: #ffffff;

  --modal-button-bg: #ffffff;
  --modal-button-text: #000000;

  --background-color-app: #236569;
  --background-default: #236569;
  --background-home: #111113;
  --background-about: #236569;
  --background-engineering: #236569;
  --background-design: #236569;
  --background-changelog: #236569;
  --background-people: #236569;
  --background-legal: #236569;
}

/* #app {
  background: url(/img/favorites/chaos.png) 0px 0px/300px 300px,
    linear-gradient(200deg, #1d050a 0.57%, #0e0e0e 60%) 0% 0% / cover !important;
} */