:root {

  input[type="checkbox"],
  label:has(input[type="checkbox"]),
  input[type="radio"],
  label:has(input[type="radio"]) {

    &:disabled,
    &:has(:disabled) {
      opacity: 0.75;
      cursor: not-allowed;
    }
  }

  --fa-primary-color: #d3d8da;
  --fa-secondary-color: #767676;
  --fa-secondary-opacity: 0.8;


  --if_color: #999;
  --gv_color: #f7f178;
  --id_color: #5CA6DA;
  --pr_color: #805493;
  --de_color: #EF9B2E;
  --rs_color: #E03E47;
  --re_color: #48b44a;

  --bc_light_blue: #04ffff;
  --bc_med_blue: #0ad1d1;
  --bc_dark_blue: #079696;

  --bc_light_orange: #faac5a;
  --bc_med_orange: #ff9b2e;
  --bc_dark_orange: #dd7a12;

  --tooltip_blue: #04ffff;

  /*--body-bg-color: #1d1d1d;*/
  --body-bg-color: #1d1e1f;
  --default-text-color: #ccc;
  --a-color: #ddd;
  --a-hover-color: var(--bc_med_blue);

  --color-main-0: #000;
  --color-main-1: #131313;
  --color-main-2: #2a2a2a;
  --color-main-3: #444;
  --color-main-4: #555;
  --color-main-5: #666;
  --color-main-6: #777;

  --color-accent-0: #fff;
  --color-accent-1: #eee;
  --color-accent-2: #ddd;
  --color-accent-3: #ccc;
  --color-accent-4: #bbb;
  --color-accent-5: #aaa;
  --color-accent-6: #999;

  --color_bg_menu: rgba(23, 23, 23, 0.9);

  --red_bg: #660a24;

  --error_bg: rgba(23, 23, 23, 0.3);
  --error_color: rgba(132, 132, 132, 0.5);

  --color-fs-border: #222;

  --color-bg-item: var(--color-main-1);

  --color-tab-hover: var(--color-main-2) !important;

  --color-graph-y-grid: #555;
  --color-graph-x-grid: #ccc;

  --box_shadow: 0 6px 12px rgba(0, 0, 0, 0.12),
  0 12px 24px rgba(0, 0, 0, 0.08);

  --box_shadow_hover: 0 8px 16px rgba(0, 0, 0, 0.18),
  0 16px 32px rgba(0, 0, 0, 0.12),
  0 0 0 1px rgba(255, 255, 255, 0.05);
  /* subtle edge light */

  .leaflet-container {
    background: #777777;
    /* to avoid joint seams at 110% browser zoom */
  }

  /* Style the scrollbar - this styles the track */
  ::-webkit-scrollbar-track {
    background-color: #333;
  }

  ::-webkit-scrollbar-track-piece {
    background-color: #333;
  }

  ::-webkit-scrollbar-corner {
    background-color: #333;
  }

  ::-webkit-scrollbar-thumb {
    background: #131313;
    border-radius: 8px;

    background-image: url('/assets/images/grip.svg');
    /* or any WA icon as SVG */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
  }

}


@layer wa-theme {
  :root {
    color-scheme: dark;
  }
}