/* Sharpshooters Light Theme */

@media (prefers-color-scheme: dark) {
  :root {
    --lch-black: 0% 0 0 !important;
    --lch-white: 100% 0 0 !important;
    --lch-gray: 96% 0.005 96 !important;
    --lch-gray-dark: 92% 0.005 96 !important;
    --lch-gray-darker: 75% 0.005 96 !important;
    --lch-blue: 54% 0.23 255 !important;
    --lch-blue-light: 95% 0.03 255 !important;
    --lch-blue-dark: 80% 0.08 255 !important;
    --lch-red: 51% 0.2 31 !important;
    --lch-green: 65.59% 0.234 142.49 !important;
  }

  img, figure, svg { filter: none !important; }
  .colorize--white { filter: invert(100%) !important; }
  .colorize--black { filter: invert(0%) !important; }

  .btn {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
  }

  .btn--reversed {
    background-color: #770A11 !important;
    color: #ffffff !important;
  }
  .btn--reversed img,
  .btn--reversed svg {
    filter: invert(100%) !important;
  }

  .panel {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.06), 0 4px 24px rgba(0,0,0,0.1) !important;
  }

  .composer__file-caption::after {
    filter: none !important;
  }
}

/* Channel name button in nav — white bg, burgundy text */
#nav .btn--reversed,
.room--current,
#nav .room--current {
  background-color: #ffffff !important;
  color: #770A11 !important;
  border: 1px solid #d0d0d0 !important;
}

/* Send button in composer — burgundy circle with white arrow */
.composer .btn--reversed {
  background-color: #770A11 !important;
  color: #ffffff !important;
  border: none !important;
}
.composer .btn--reversed img,
.composer .btn--reversed svg {
  filter: invert(100%) !important;
}

/* Settings/dialog save buttons — burgundy */
fieldset .btn--reversed,
.dialog .btn--reversed {
  background-color: #770A11 !important;
  color: #ffffff !important;
}
fieldset .btn--reversed img,
.dialog .btn--reversed img {
  filter: invert(100%) !important;
}

/* Branding */
h1, h2, h3, h4, h5, h6, legend {
  color: #770A11 !important;
}

/* Hide Campfire logo */
#app-logo {
  display: none !important;
}