/* light.css: 👉 dark-on-light */
:root {
  --nav-logo-color: #212121;
  --nav-link-color: #212121;
  --nav-link-color-active: #000000;
  --nav-link-hover-color: #000000;
  --color: rgb(5, 5, 5);
  --background-color: #f2f2f2;
  --body-bg: #e0d7ba;
  /* --background-color: #000; */
  --grid-cell: #ffffff;
  --grid-cell-border: 1px solid #eaeaea;
  --grid-cell-guide: #eaeaea;
  --text-color: #212121;
  --text-color-dark: #212121;
  --text-color-nav: rgba(0, 0, 0, 0.72);
  --navbar-bg: rgba(255, 255, 255, 0.7);
  --navbar-border-bottom: rgba(33, 33, 33, 0.18);
  --nav-link-text: #212121;
  --nav-link-text-active: #000;
  --city-notification-bg: rgba(226, 226, 247, 0.72);
  --scrollbar-track: #f1f1f1;
  --scrollbar-thumb: #c1c1c1;
  --app: linear-gradient(#ffffff, #f2f2f2);
  --beta-button-bg: rgb(255 193 7 / 0.2);
  --app-bg: rgb(255 193 7 / 0.2);
  --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: #131111;
  --modal-bg: #f2f2f2;
  --modal-inner-border: 1px solid rgb(0 0 0 / 0.15);
  --engineering-gif: url(/img/engineering/crane.gif);
  --engineering-bg: #f9f4ff;
  --engineering-gif-size: contain;
  --engineering-gif-position: bottom;
  --engineering-gif-transform: initial;
  --engineering-artwork: none;
  --material-chip-bg: rgba(32, 33, 36, 0);
  --material-chip-border: 1px solid rgba(32, 33, 36, 0.16);
  --material-chip-text: #202124;
  --nav-logo-color-active: #000000;
  --modal-button-bg: #000000;
  --modal-button-text: #ffffff;

  --background-color-app: #e0d7ba;
  --background-default: #f2f2f2;
  --background-home: #f2f2f2;
  --background-about: #f2f2f2;
  --background-engineering: #f9f4ff;
  --background-design: #f2f2f2;
  --background-changelog: #f2f2f2;
  --background-people: #e0d7ba;
  --background-legal: #f2f2f2;
}

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