/* Global Mango Tango theme override: #eec170. */
/* Deployment sync: keep production aligned with main after Neon recovery. */
:root {
  --green: #eec170 !important;
  --coral: #eec170 !important;
  --coral-ink: #eec170 !important;
  --ui-focus: #eec170 !important;
  --season-accent: #eec170 !important;
}

html[data-season="autumn"] {
  --green: #eec170 !important;
  --coral: #eec170 !important;
  --coral-ink: #eec170 !important;
  --ui-focus: #eec170 !important;
  --season-accent: #eec170 !important;
}

/* Primary accents, links, focus states, icons and composer controls. */
.get-started-chip,
.primary-button,
.save-button,
.follow-button,
.profile-follow,
.profile-edit,
.small-button.primary,
.ai-generate-button,
.speak-button,
.brand-mark,
.nav-dot,
.notification span { background:#eec170!important; border-color:#eec170!important; }
.auth-switch,.tag-link,.hashtag-search-link,.hashtag-item,.feed-filter.filter-open,.ai-toggle-button,.notification-icon,.notification-empty svg,.active-like,.composer-format-button.active,.formula-tool-button.active { color:#eec170!important; }
.admin-input:focus,.search-panel:focus-within,.composer:focus-within,.composer:hover,.composer:focus,textarea:focus { border-color:#eec170!important; box-shadow:0 0 0 3px rgba(238,193,112,.18)!important; }
.composer textarea,.composer-editor textarea { caret-color:#eec170!important; }
.notification-icon,.hashtag-item:hover { background:#fff4dc!important; }
.avatar-green { color:#8a681f!important; background:#f8e7bd!important; }
html[data-season="autumn"] a,html[data-season="autumn"] .tag-link,html[data-season="autumn"] .hashtag-search-link,html[data-season="autumn"] .auth-switch,html[data-season="autumn"] .feed-filter,html[data-season="autumn"] .hashtag-item,html[data-season="autumn"] .ai-toggle-button,html[data-season="autumn"] .composer-markup a { color:#eec170!important; }
html[data-season="autumn"] .composer,html[data-season="autumn"] .composer:hover,html[data-season="autumn"] .composer:focus-within,html[data-season="autumn"] .account-popover,html[data-season="autumn"] .notification-panel,html[data-season="autumn"] .hashtag-popover,html[data-season="autumn"] .composer-format-menu,html[data-season="autumn"] .post-edit-format-menu,html[data-season="autumn"] .modal-card { border-color:#eec170!important; }
html[data-season="autumn"] .brand .brand-mark,html[data-season="autumn"] .brand-mark,html[data-season="autumn"] .get-started-chip,html[data-season="autumn"] .primary-button,html[data-season="autumn"] .save-button,html[data-season="autumn"] .follow-button,html[data-season="autumn"] .profile-follow,html[data-season="autumn"] .profile-edit,html[data-season="autumn"] .small-button.primary,html[data-season="autumn"] .ai-generate-button,html[data-season="autumn"] .speak-button { background:#eec170!important; border-color:#eec170!important; }
html[data-season="autumn"] .composer-editor textarea,html[data-season="autumn"] .composer textarea { caret-color:#eec170!important; }
html[data-season="autumn"] .composer-inline-tools > button:hover,html[data-season="autumn"] .composer-format-button:hover,html[data-season="autumn"] .composer-format-button.active,html[data-season="autumn"] .formula-tool-button:hover,html[data-season="autumn"] .formula-tool-button.active { color:#eec170!important; border-color:#eec170!important; }
html[data-season="autumn"] .composer-format-menu button[aria-selected="true"],html[data-season="autumn"] .post-edit-format-menu button[aria-selected="true"] { color:#eec170!important; }
[style*="#2e8b57"],[style*="#2E8B57"],[style*="rgb(46, 139, 87)"],[style*="rgb(46,139,87)"] { color:#eec170!important; background-color:#eec170!important; border-color:#eec170!important; caret-color:#eec170!important; }
html[data-season="autumn"] ::selection { background:rgba(238,193,112,.32); color:#202522; }
html[data-season="autumn"] .get-started-chip:hover,html[data-season="autumn"] .primary-button:hover,html[data-season="autumn"] .save-button:hover,html[data-season="autumn"] .follow-button:hover,html[data-season="autumn"] .profile-follow:hover,html[data-season="autumn"] .profile-edit:hover,html[data-season="autumn"] .small-button.primary:hover,html[data-season="autumn"] .ai-generate-button:hover,html[data-season="autumn"] .speak-button:hover { filter:brightness(.97) saturate(1.05); }
html[data-season="autumn"] .composer-inline-tools > button:focus-visible,html[data-season="autumn"] .composer-format-button:focus-visible,html[data-season="autumn"] .formula-tool-button:focus-visible,html[data-season="autumn"] .ai-toggle-button:focus-visible { outline:2px solid #eec170!important; outline-offset:2px; }
.profile-user-list button,.profile-tag-list button { color:#242522!important; background:#f1eee7!important; border:1px solid #d9d2c4!important; box-shadow:none!important; }
.profile-user-list button:hover,.profile-tag-list button:hover,.profile-user-list button:focus-visible,.profile-tag-list button:focus-visible { color:#1d1f1d!important; background:#f8e7bd!important; border-color:#eec170!important; outline:none; }
.favorite-hashtags a { color:#242522!important; background:#f1eee7!important; border-color:#d9d2c4!important; font-weight:600; transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; }
.favorite-hashtags a:hover,.favorite-hashtags a:focus-visible { color:#1d1f1d!important; background:#f8e7bd!important; border-color:#eec170!important; transform:translateY(-1px); outline:none; }
.favorite-hashtags strong { color:#b0a99c!important; }

/* Composer UX polish: clearer hierarchy, larger touch targets and a calmer editing surface. */
.composer {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.composer:focus-within {
  transform: translateY(-1px);
}
.composer-editor {
  min-width: 0;
}
.composer-editor textarea {
  min-height: 84px;
  padding: 10px 2px 12px;
  line-height: 1.65;
  scrollbar-gutter: stable;
}
.composer-editor textarea::placeholder {
  opacity: .8;
}
.composer-topline {
  min-height: 18px;
}
.composer-footer {
  min-height: 36px;
  align-items: center;
}
.composer-hint {
  line-height: 1.45;
}
.composer-inline-tools {
  min-height: 32px;
  align-items: center;
}
.composer-inline-tools > button,
.composer-format-button {
  min-width: 32px;
  min-height: 32px;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}
.composer-inline-tools > button:hover,
.composer-format-button:hover {
  transform: translateY(-1px);
}
.composer-inline-tools > button:focus-visible,
.composer-format-button:focus-visible,
.ai-toggle-button:focus-visible,
.ai-generate-button:focus-visible,
.composer-actions button:focus-visible {
  outline: 2px solid #eec170 !important;
  outline-offset: 2px;
}
.composer-format-menu {
  max-height: min(360px, calc(100vh - 150px));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.composer-format-menu button {
  min-height: 38px;
}
.composer-actions {
  flex-wrap: wrap;
}
@media (max-width: 680px) {
  .composer {
    padding: 15px;
    gap: 10px;
    border-radius: 10px;
  }
  .composer-editor textarea {
    font-size: 15px;
    min-height: 88px;
    padding-top: 8px;
  }
  .composer-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }
  .composer-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .composer-inline-tools {
    margin-right: auto;
  }
  .composer-format-menu {
    left: 0;
    right: auto;
    width: min(280px, calc(100vw - 44px));
  }
}