/* dark-mode.scss */
/* stylelint-disable declaration-property-value-disallowed-list, function-disallowed-list */
@use './color-vars' as color-vars;

body.dark-mode {
  @include color-vars.define-theme(
    (
      color-base: rgb(27, 27, 27),
      color-base-highlight: rgb(30 30 30),
      color-text: rgb(255 255 255 / 87%),
      color-text-strong: rgb(255 255 255),
      color-text-light: rgb(180 180 180),
      color-link: rgb(98, 137, 163),
      color-primary-r: 5,
      color-primary-g: 98,
      color-primary-b: 138,
      color-primary: rgb(var(--twc-color-primary-r), var(--twc-color-primary-g), var(--twc-color-primary-b)),
      color-primary-light: rgb(27, 48, 68),
      color-primary-dark: rgb(14, 151, 209),
      color-on-primary: rgb(226, 226, 226),
      color-error: rgb(226, 63, 79),
      color-error-dark: rgb(211, 122, 122),
      color-error-light: rgb(100 1 3),
      color-success: rgb(58, 167, 58),
      color-success-light: rgb(29, 87, 29),
      color-disabled: rgb(90 90 90),
      color-text-gray: rgb(130 130 130),
      color-highlight: rgb(60 60 60),
      color-mouse-highlight: rgb(41, 40, 40),
      color-border-light: rgb(70 70 70),
      color-border: rgb(100 100 100),
      color-border-dark: rgb(140 140 140),
      color-border-dark-disabled: rgb(80 80 80),
      color-focused-input: rgb(60 130 200),
      tab-color-active-underline: rgb(160 160 160),
      tab-color-inactive-underline: rgb(50 50 50),
      modal-color-header: rgb(40 40 40),
      modal-color-box-shadow: rgba(112, 112, 112, 0.35),
      modal-color-backdrop: rgba(31, 31, 31, 0.644),
      dialog-box-shadow: 0 2px 16px 0 rgba(77, 77, 77, 0.4),
    )
  );
}