/* ========================================================
   1. 画面全体の文字色と背景（目に優しいクリーム系へ）
   ======================================================== */
html, body, div, span, p, a, strong, time, h1, h2, h3, button,
.status, .detailed-status, .column, .column-header, .column-header__wrapper,
.ui, .scrollable, .item-list, .getting-started, .drawer__inner, .compose-panel {
  color: #24292f !important;            /* 真っ黒から柔らかいダークグレーに */
  opacity: 1 !important;
  text-shadow: none !important;
  background-color: #fcfaf2 !important;   /* 完全な白から「若干クリーム系（アイボリー）」に */
  background-image: none !important;
}

/* ========================================================
   2. 投稿フォーム・検索ボックス（同じクリーム色に完全統一）
   ======================================================== */
.compose-form,
.compose-form *,
.compose-form .autosuggest-textarea__textarea,
.compose-form__autosuggest-wrapper,
.compose-form .spoiler-input__input,
.compose-form .compose-form__modifiers,
.compose-form .compose-form__buttons-wrapper,
.compose-form .compose-form__publish-form-wrapper,
.privacy-dropdown__dropdown,
.privacy-dropdown__dropdown *,
.language-dropdown__dropdown,
.language-dropdown__dropdown *,
.dropdown-menu,
.dropdown-menu * {
  background: #fcfaf2 !important;
  background-color: #fcfaf2 !important;
  color: #24292f !important;
}

/* 検索ボックスのクリーム化（最高優先度） */
html body .search__input,
html body .search .search__input,
html body .search__input:focus {
  background: #fcfaf2 !important;
  background-color: #fcfaf2 !important;
  color: #24292f !important;
}

/* ポップアップメニュー内を選択（ホバー）したときの設定 */
.privacy-dropdown__option:hover,
.privacy-dropdown__option:focus,
.dropdown-menu__item a:hover,
.dropdown-menu__item button:hover {
  background-color: #f7f4eb !important;
}

/* 各種フォームの入力欄の枠線 ＆ アイコン・文字調整 */
.compose-form .autosuggest-textarea__textarea,
.compose-form .spoiler-input__input,
.compose-form .poll__option input[type="text"],
html body .search__input {
  border: 1px solid #dcd6cd !important;
}
html body .search__icon .fa-search,
html body .search__icon svg,
html body .search .search__icon button {
  color: #24292f !important;
  fill: #24292f !important;
}
html body .search__input::placeholder {
  color: #a69e94 !important;
  opacity: 1 !important;
}

/* ========================================================
   3. リンク色（コバルトブルー）＆ タイムラインの枠線区切り
   ======================================================== */
/* リンク（@ユーザー名やURL）はクリーム背景と相性の良い、くすみのある深い青に */
html a, 
html .status__content a, 
html .account__mention-status {
  color: #2e5c8a !important;
}

/* タイムラインの各投稿の間は、セピア・クリームになじむ薄いベージュグレー */
.status, .detailed-status, .card, .status__quote, .detailed-status__quote {
  border: none !important;
  border-bottom: 1px solid #eaddcd !important;
}

/* ========================================================
   4. 「ホーム」ヘッダー周辺の1px線（以前指定いただいた色）
   ======================================================== */
html body .column-header,
html body .column-header__wrapper,
html body .tabs-bar,
html body .account__section-headline {
  outline: none !important;
  border: none !important;
  border-bottom: 1px solid #4a3f35 !important;
  border-left: 1px solid #4a3f35 !important;
  border-right: 1px solid #4a3f35 !important;
}

/* ========================================================
   5. タイムライン内の引用カード ＆ ポップアップダイアログ
   ======================================================== */
.status__quote, .detailed-status__quote, .status__quote *, .detailed-status__quote *,
.modal-root__modal, .modal-root__modal *, .boost-modal, .confirmation-modal {
  background-color: #f7f4eb !important;  /* 少し濃いめのクリーム色で立体感を */
  color: #24292f !important;
}

/* ========================================================
   6. ゾウのアイコン（紫）と ロゴ文字（ダークグレー）の分離指定
   ======================================================== */
.brand svg, .brand svg *, .logo svg, .logo svg *, .drawer__header svg, .drawer__header svg *, .sidebar__logo svg, .sidebar__logo svg *, .navigation-bar__brand svg, .navigation-bar__brand svg * {
  fill: #6364ff !important; stroke: #6364ff !important; color: #6364ff !important;
}
html body .brand, html body .brand a, html body .brand span, html body .logo, html body .logo a, html body .logo span, html body .drawer__header a, html body .drawer__header a span, html body .sidebar__logo a, html body .sidebar__logo a span, html body .navigation-bar__brand a, html body .navigation-bar__brand a span, html body .navigation-bar__brand-text {
  color: #24292f !important;
}

/* ========================================================
   7. 優先度を最高にしたハッシュタグカラー指定（紫）
   ======================================================== */
html body .status__content a.hashtag, html body .status__content a.hashtag span, html body .detailed-status__contents a.hashtag, html body .detailed-status__contents a.hashtag span, html body .reply-indicator__content a.hashtag, html body .reply-indicator__content a.hashtag span {
  color: #6364ff !important; font-weight: 600 !important;
}

/* ========================================================
   8. 設定ページ（管理画面）の文字・入力欄の最適化
   ======================================================== */
.admin-wrapper, .admin-wrapper .table th, .admin-wrapper .table td, .admin-wrapper .fields-group .label, .admin-wrapper .fields-group .hint, .admin-wrapper .simple_form .hint, .admin-wrapper .simple_form label, .admin-wrapper .navigation-panel .navigation-panel__link, .admin-wrapper .content-heading, .admin-wrapper .navigation-panel__link-header {
  color: #24292f !important; opacity: 1 !important;
}
.admin-wrapper a, .admin-wrapper .table td a { color: #2e5c8a !important; }

/* 管理画面の各種ボックスは、入力のしやすさを最優先して「白背景」を維持 */
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, .admin-wrapper select option, .CodeMirror, .CodeMirror-lines, .CodeMirror-code {
  background: #ffffff !important; background-color: #ffffff !important; color: #24292f !important;
}
textarea *, .CodeMirror * { color: #24292f !important; background-color: transparent !important; }
textarea, .CodeMirror, .admin-wrapper select { border: 1px solid #dcd6cd !important; }
.admin-wrapper .fields-group, .admin-wrapper .check-box-wrapper, .admin-wrapper .input.boolean { background-color: transparent !important; }

/* ========================================================
   9. 「変更を保存」ボタン（クリームに映える少し落ち着いた青）
   ======================================================== */
.admin-wrapper button[type="submit"], .admin-wrapper .actions .button, .admin-wrapper .button, html body .button, html body button[type="submit"] {
  background: #3584e4 !important; color: #ffffff !important; border: 1px solid #1c72b2 !important; border-radius: 4px !important; padding: 10px 20px !important; font-weight: bold !important;
}
.admin-wrapper button[type="submit"]:hover, .admin-wrapper .actions .button:hover, .admin-wrapper .button:hover, html body button[type="submit"]:hover {
  background: #1c72b2 !important;
}

/* ========================================================
   10. プロフィール画面などの「！」注意・補足ダイアログの調整
   ======================================================== */
.admin-wrapper .flash-message.alert-warning, .admin-wrapper .flash-message.alert-danger, .admin-wrapper .flash-message.alert-info, .admin-wrapper .table-hint, .admin-wrapper .alert-info {
  background: #e8f4fc !important; color: #1a5fb4 !important; border: 1px solid #b3d7f4 !important; border-radius: 6px !important;
}
.admin-wrapper .flash-message.alert-warning *, .admin-wrapper .flash-message.alert-danger *, .admin-wrapper .flash-message.alert-info *, .admin-wrapper .table-hint *, .admin-wrapper .alert-info * {
  background: transparent !important; background-color: transparent !important; color: #1a5fb4 !important;
}
.admin-wrapper .flash-message svg, .admin-wrapper .alert-info svg { fill: #1a5fb4 !important; }

/* ========================================================
   11. お気に入り（☆マーク）の表示色をデフォルト（ゴールド）に戻す
   ======================================================== */
html body .status__action-bar .icon-button.star-icon,
html body .detailed-status__action-bar .icon-button.star-icon,
html body .icon-button.star-icon i,
html body .icon-button.star-icon svg {
  color: #707070 !important; fill: transparent !important;
}
html body .status__action-bar .icon-button.star-icon.active,
html body .detailed-status__action-bar .icon-button.star-icon.active,
html body .status__action-bar .icon-button.star-icon:hover,
html body .detailed-status__action-bar .icon-button.star-icon:hover,
html body .icon-button.star-icon.active i,
html body .icon-button.star-icon.active svg {
  color: #ca8a04 !important; fill: #ca8a04 !important;
}

/* ========================================================
   12. スクロールバー（クリーム背景用のクラシック・ライト仕様）
   ======================================================== */
html *, .scrollable, .column, .drawer__inner, div { scrollbar-color: #d1c9bd #fcfaf2 !important; }
::-webkit-scrollbar, *::-webkit-scrollbar { width: 10px !important; height: 10px !important; background-color: #fcfaf2 !important; }
::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb { background-color: #d1c9bd !important; border: 2px solid #fcfaf2 !important; border-radius: 5px !important; }
::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:hover { background-color: #bfae99 !important; }
::-webkit-scrollbar-track, *::-webkit-scrollbar-track { background-color: #fcfaf2 !important; }