/* stylelint-disable scale-unlimited/declaration-strict-value */

:--theme-dark {
  /* Page */
  --page-background: var(--kitsu-purple-5);
  --page-text-color: var(--grey-1);
  --page-link-color: var(--red-4);
  --page-content-background: var(--white);
  --focus-outline: 3px solid var(--blue-2);

  /* Cards */
  --card-background: var(--white);
  --card-border: 1px solid var(--grey-3);
  --card-shadow: 0 2px 6px rgba(0 0 0 5%);

  /* Header */
  --header-primary-background: var(--kitsu-purple-5);
  --header-secondary-background: var(--kitsu-purple-6);
  --header-text-color: var(--grey-2);
  --header-skeleton-background: #00000033;
  --header-search-background: #00000033;
  --header-search-text-color: var(--kitsu-purple-2);
  --header-notifications-background: var(--red-4);
  --header-notifications-text-color: var(--white);

  /* Modals */
  --modal-scrim-background: #000000aa;
  --modal-page-background: var(--kitsu-purple-6);
  --modal-background: var(--grey-2);
  --modal-close-button-color: var(--white);
  --modal-shadow: 0 3px 5px 2px rgba(0 0 0 40%);

  /* Rules */
  --rule-text: var(--kitsu-purple-3);
  --rule-background: var(--kitsu-purple-2);

  /* Dropdowns */
  --dropdown-background: var(--white);
  --dropdown-shadow: 0 2px 16px 2px #00000022;
  --dropdown-text-color: var(--black);
  --dropdown-divider-color: var(--grey-2);
  --dropdown-item-hover-background: var(--grey-1);

  /* Inputs */
  --input-background: var(--white);
  --input-text-color: var(--grey-7);
  --input-border: 1px solid var(--grey-3);
  --input-sidecar-background: var(--grey-2);
  --input-invalid-border: 1px solid var(--red-4);

  /* Buttons */
  --button-disabled-solid-bg: var(--grey-5);
  --button-disabled-outline-color: var(--grey-2);
  --button-disabled-borderless-fg: var(--grey-2);

  /* Tabs */
  --tab-text-color: var(--grey-2);
  --tab-inactive-opacity: 0.8;
  --tab-active-gradient: linear-gradient(to right, #ed485f 0%, #f27c36 100%);

  /* Alerts */
  --alert-success-background: var(--green-1);
  --alert-success-border: 1px solid var(--green-3);
  --alert-success-text-color: var(--green-6);
  --alert-info-background: var(--grey-2);
  --alert-info-border: 1px solid var(--grey-3);
  --alert-info-text-color: var(--grey-6);
  --alert-warning-background: var(--yellow-1);
  --alert-warning-border: 1px solid var(--yellow-3);
  --alert-warning-text-color: var(--yellow-6);
  --alert-error-background: var(--red-1);
  --alert-error-border: 1px solid var(--red-3);
  --alert-error-text-color: var(--red-6);

  /* Toasts */
  --toast-background: var(--grey-2);
  --toast-border: 1px solid var(--grey-3);
  --toast-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  --toast-close-color: var(--kitsu-purple-3);

  /* Group Box */
  --group-box-border: 1px solid var(--kitsu-purple-2);
  --group-box-title-color: var(--kitsu-purple-3);

  /* Banner Images */
  --banner-image-fade: rgba(0, 0, 0, 0.5);

  /* Section Headers */
  --section-header-text-color: var(--kitsu-purple-3);
  --section-header-link-color: var(--kitsu-purple-2);

  /* Reaction Cards */
  --reaction-byline-color: var(--darker-grey);

  /***** Non-Color Stuff *****/
  --radius-small: 3px;
  --radius-medium: 5px;
  --radius-large: 8px;
}
