/* 全体とカラム設定の背景色 */
body.theme-mastodon-light {
   background-color: #f6f5f2; /* ライトグレー */
}

/* カラムヘッダーの背景色 */
body.theme-mastodon-light a.column-link,
body.theme-mastodon-light .column-back-button,
body.theme-mastodon-light .column-header,
body.theme-mastodon-light .column-header__button,
body.theme-mastodon-light .column-header__back-button,
body.theme-mastodon-light .drawer__header,
body.theme-mastodon-light .list-editor h4,
body.theme-mastodon-light .public-layout .header,
body.theme-mastodon-light .search-results__header,
body.theme-mastodon-light .search-results__section h5,
body.theme-mastodon-light .tabs-bar {
   background-color: #d6c4bc; /* ライトベージュ */
}

/* カラムの背景色 */
body.theme-mastodon-light .activity-stream .entry,
body.theme-mastodon-light .account__header__fields dt,
body.theme-mastodon-light .box-widget,
body.theme-mastodon-light .card__bar,
body.theme-mastodon-light .card__img,
body.theme-mastodon-light .column-link__badge,
body.theme-mastodon-light .column-subheading,
body.theme-mastodon-light .column-inline-form,
body.theme-mastodon-light .column>.scrollable,
body.theme-mastodon-light .contact-widget,
body.theme-mastodon-light .detailed-status,
body.theme-mastodon-light .detailed-status__action-bar,
body.theme-mastodon-light .drawer__inner,
body.theme-mastodon-light .drawer__inner__mastodon,
body.theme-mastodon-light .empty-column-indicator,
body.theme-mastodon-light .error-column,
body.theme-mastodon-light .flex-spacer,
body.theme-mastodon-light .getting-started,
body.theme-mastodon-light .getting-started__wrapper,
body.theme-mastodon-light .hero-widget__text,
body.theme-mastodon-light .landing-page__information.contact-widget,
body.theme-mastodon-light .landing-page #mastodon-timeline,
body.theme-mastodon-light .landing-page__forms,
body.theme-mastodon-light .landing-page__information,
body.theme-mastodon-light .landing-page__call-to-action,
body.theme-mastodon-light .landing-page__information:last-child,
body.theme-mastodon-light .landing-page .separator-or span,
body.theme-mastodon-light .list-editor,
body.theme-mastodon-light .public-layout .public-account-header__bar:before,
body.theme-mastodon-light .public-layout .public-account-bio,
body.theme-mastodon-light .search__input,
body.theme-mastodon-light .status.status-direct,
body.theme-mastodon-light .status-card .status-card__content {
   background-color: #f6f5f2; /* ライトグレー */
}

/* アカウントプロフィールのヘッダーと背景色 */
body.theme-mastodon-light .account__section-headline,
body.theme-mastodon-light .account__header .account__header__fields dt,
body.theme-mastodon-light .account__header .account__header__fields dd,
body.theme-mastodon-light .media-spoiler {
   background-color: #f6f5f2; /* ライトグレー */
}

/* アカウントプロフィールのヘッダー画像 */
body.theme-mastodon-light .account__header>div {
    background: rgba(246, 245, 242, 1); /* ライトベージュの半透明 */
}

/* メインの文字色を変える */
body.theme-mastodon-light,
body.theme-mastodon-light a.drawer__tab,
body.theme-mastodon-light .account__header .account__header__fields dt,
body.theme-mastodon-light .account__section-headline a.active,
body.theme-mastodon-light .account__header__fields dt,
body.theme-mastodon-light .column-header>.column-header__back-button,
body.theme-mastodon-light .column-header__back-button,
body.theme-mastodon-light .column-back-button,
body.theme-mastodon-light .column-header__button,
body.theme-mastodon-light .column-header__button.active,
body.theme-mastodon-light .column-settings__section,
body.theme-mastodon-light .dropdown-menu__item a:active,
body.theme-mastodon-light .dropdown-menu__item a:focus,
body.theme-mastodon-light .dropdown-menu__item a:hover,
body.theme-mastodon-light .hero-widget__text,
body.theme-mastodon-light .notification__message,
body.theme-mastodon-light .simple_form p.hint.subtle-hint,
body.theme-mastodon-light .status-card:hover .status-card__content {
    color: #e80; /* オレンジ */
}

/* リンクの文字色を変える */
body.theme-mastodon-light .account__relationship .icon-button.active,
body.theme-mastodon-light .account__header .account__header__username,
body.theme-mastodon-light .account__header__fields a,
body.theme-mastodon-light .attachment-list__list a,
body.theme-mastodon-light .status__content a,
body.theme-mastodon-light .column-header.active .column-header__icon,
body.theme-mastodon-light .compose__action-bar-dropdown .icon-button.active,
body.theme-mastodon-light .getting-started__footer a,
body.theme-mastodon-light .notification__message .fa,
body.theme-mastodon-light .public-layout .public-account-bio .account__header__fields a,
body.theme-mastodon-light .reply-indicator__content a,
body.theme-mastodon-light .rich-formatting li a,
body.theme-mastodon-light .rich-formatting p a,
body.theme-mastodon-light .simple_form p.hint.subtle-hint a,
body.theme-mastodon-light .tabs-bar__link.active,
body.theme-mastodon-light .status__action-bar__counter .icon-button,
body.theme-mastodon-light .status__action-bar__counter__label,
body.theme-mastodon-light .status__action-bar .icon-button {
   color: #e80; /* オレンジ */
}

/* ダークテーマのカスタムCSS */
body.theme-contrast {
    background-color: #000000; /* 黒 */
}

/* カラムヘッダーの背景色 */
body.theme-contrast a.column-link,
body.theme-contrast .column-back-button,
body.theme-contrast .column-header,
body.theme-contrast .column-header__button,
body.theme-contrast .column-header__back-button,
body.theme-contrast .drawer__header,
body.theme-contrast .list-editor h4,
body.theme-contrast .public-layout .header,
body.theme-contrast .search-results__header,
body.theme-contrast .search-results__section h5,
body.theme-contrast .tabs-bar {
    background-color: #000000; /* 黒 */
}

/* カラムの背景色 */
body.theme-contrast .activity-stream .entry,
body.theme-contrast .account__header__fields dt,
body.theme-contrast .box-widget,
body.theme-contrast .card__bar,
body.theme-contrast .card__img,
body.theme-contrast .column-link__badge,
body.theme-contrast .column-subheading,
body.theme-contrast .column-inline-form,
body.theme-contrast .column>.scrollable,
body.theme-contrast .contact-widget,
body.theme-contrast .detailed-status,
body.theme-contrast .detailed-status__action-bar,
body.theme-contrast .drawer__inner,
body.theme-contrast .drawer__inner__mastodon,
body.theme-contrast .empty-column-indicator,
body.theme-contrast .error-column,
body.theme-contrast .flex-spacer,
body.theme-contrast .getting-started,
body.theme-contrast .getting-started__wrapper,
body.theme-contrast .hero-widget__text,
body.theme-contrast .landing-page__information.contact-widget,
body.theme-contrast .landing-page #mastodon-timeline,
body.theme-contrast .landing-page__forms,
body.theme-contrast .landing-page__information,
body.theme-contrast .landing-page__call-to-action,
body.theme-contrast .landing-page__information:last-child,
body.theme-contrast .landing-page .separator-or span,
body.theme-contrast .list-editor,
body.theme-contrast .public-layout .public-account-header__bar:before,
body.theme-contrast .public-layout .public-account-bio,
body.theme-contrast .search__input,
body.theme-contrast .status.status-direct,
body.theme-contrast .status-card .status-card__content {
    background-color: #000000; /* 黒 */
}

/* アカウントプロフィールのヘッダーと背景色 */
body.theme-contrast .account__section-headline,
body.theme-contrast .account__header .account__header__fields dt,
body.theme-contrast .account__header .account__header__fields dd,
body.theme-contrast .media-spoiler {
    background-color: #000000; /* 黒 */
}

/* アカウントプロフィールのヘッダー画像に被せる色 */
body.theme-contrast .account__header>div {
    background: rgba(0, 0, 0, 0.7); /* 黒の半透明 */
}

/* メインの文字色を変える */
body.theme-contrast {
    color: #00ffea; /* ネオンブルー */
}

/* リンクの文字色を変える */
body.theme-contrast a {
    color: #ffec00; /* ネオンイエロー */
}

/* トゥート下などのアクションバーの文字色 */
body.theme-contrast .icon-button {
    color: #ffec00; /* ネオンイエロー */
}