:root {
  --zen-primary-color: #d9d9d9 !important;
  --zen-colors-primary: var(--tab-loading-fill) !important;
  --zen-colors-secondary: var(--tab-loading-fill) !important;
  --toolbarbutton-icon-fill: var(--tab-loading-fill) !important;
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="default"]) {
  --zen-colors-tertiary: var(--lwt-accent-color) !important;
  --zen-main-browser-background: var(--lwt-accent-color) !important;
  --zen-themed-toolbar-bg: var(--lwt-accent-color) !important;
  --arrowpanel-background: var(--lwt-accent-color) !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: var(--lwt-accent-color) !important;
  }
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="dark"]) {
  --zen-colors-tertiary: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 25%
  ) !important;
  --zen-main-browser-background: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 25%
  ) !important;
  --zen-themed-toolbar-bg: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 25%
  ) !important;
  --arrowpanel-background: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 25%
  ) !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: color-mix(
      in srgb,
      var(--lwt-accent-color),
      black 25%
    ) !important;
  }
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="darker"]) {
  --zen-colors-tertiary: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 50%
  ) !important;
  --zen-main-browser-background: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 50%
  ) !important;
  --zen-themed-toolbar-bg: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 50%
  ) !important;
  --arrowpanel-background: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 50%
  ) !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: color-mix(
      in srgb,
      var(--lwt-accent-color),
      black 50%
    ) !important;
  }
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="yet-darker"]) {
  --zen-colors-tertiary: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 75%
  ) !important;
  --zen-main-browser-background: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 75%
  ) !important;
  --zen-themed-toolbar-bg: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 75%
  ) !important;
  --arrowpanel-background: color-mix(
    in srgb,
    var(--lwt-accent-color),
    black 75%
  ) !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: color-mix(
      in srgb,
      var(--lwt-accent-color),
      black 75%
    ) !important;
  }
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="pitch-black"]) {
  --zen-colors-tertiary: black !important;
  --zen-main-browser-background: black !important;
  --zen-themed-toolbar-bg: black !important;
  --arrowpanel-background: black !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: black !important;
  }
}

#urlbar:not([focused="true"]):not([breakout-extend="true"])
  > #urlbar-background {
  background: color-mix(
    in srgb,
    light-dark(#fff, var(--zen-colors-secondary)) 35%,
    transparent 65%
  ) !important;
}

#commonDialogWindow {
  background-color: black !important;
}
