@charset "utf-8";
/* Custom Properties */
.is-grayMode {
  --color-primary: #878787;
  --color-bgBlue: #f2f2f2;
  --color-goo: #808080;
  --color-docomo: #707070;
  --color-hot: #7d7d7d;
  --color-bgHeadline: #f5f5f5;
  --color-bgFollow: #f0f0f0;
  --color-bgFollowDark: #e3e3e3;
  --color-good: #878787;
  --color-placeholder: #b5b5b5;
}

/* Grayscale for Icons */
.is-grayMode .navbar__btn--navi.is-notify::before,
.is-grayMode .navbar__navi__serviceIcon,
.is-grayMode .navbar__navi__copy,
.is-grayMode .follow__btn--followed::after,
.is-grayMode .reaction__contextMenu__list__item.is-fb a::before,
.is-grayMode .btn.btn--hasRadio:has(input:checked)::before,
.is-grayMode .containerMenu__link.is-follow.is-current::before,
.is-grayMode .containerMenu__link.is-hashTag.is-current::before,
.is-grayMode .docomo__linksIcon {
    filter: grayscale(1);
}

/* Image Replacement */
.is-grayMode .navbar__account__point::before,
.is-grayMode .btn.btn--dpointClub::before {
    background-image: url(/topics/img/icon-dpoint-gray.svg);
}