:root {
  --header-bg-color: #2d343e;
  --header-menu-btn-bg-color: transparent;
  --header-menu-btn-border-color: #5b5e62;
  --navbar-icon-bg-color: #5b687b;
  --app-logo-url: url("/files/images/xsquare_logo_white.svg");
  --app-logo-display: block;
  --app-logo-size: 38px;
  --app-logo-position-top: 3px;
  --app-logo-position-left: 0px;
  --app-logo-rect-size: 42px;
  --header-height: 54px;
}
:root.--theme-dark {
  /* :::Primary::: */
  --bg-primary: var(--gray-900);
  --text-on-primary: var(--light);
  --border-color-primary: var(--gray-700);

  /* :::Secondary::: */
  --bg-secondary: var(--gray-900);
  --bg-secondary-muted: var(--gray-800);
  --text-on-secondary: var(--light);
  --border-color-secondary: var(--gray-800);
}