/* Ginger theme colors inspired by red fox fur, winter undercoat and dark branches. */
body[data-theme="ginger"] {
  color-scheme: dark;
  --bg-main: #26150a;
  --bg-main-accent: #341d0d;
  --bg-panel: #402311;
  --bg-panel-2: #512d16;
  --bg-hover: #6b421f;
  --bg-active: #82522a;
  --line: #ab7640;
  --text: #fff6e7;
  --muted: #e6c79f;
  --text-soft: #f1d7b4;
  --primary: #ffc24a;
  --primary-2: #dc8920;
  --danger: #d97b70;
  --shadow: 0 24px 56px rgba(28, 12, 5, 0.46);
  --fox-surface-0: #1b0d07;
  --fox-surface-1: #29150c;
  --fox-surface-2: #351b10;
  --fox-surface-3: #472417;
  --fox-surface-4: #5a2f1d;
  --fox-line-soft: rgba(255, 227, 196, 0.14);
  --fox-line-mid: rgba(255, 227, 196, 0.24);
  --fox-line-strong: rgba(255, 227, 196, 0.38);
  --fox-cream: #f9e9cf;
  --fox-cream-soft: #ecca9e;
  --fox-cream-bright: #fff7e8;
  --fox-coat: #ffc24a;
  --fox-coat-bright: #ffd67e;
  --fox-coat-deep: #dc8920;
  --fox-bark: #63452f;
}

body[data-theme="ginger"] {
  background: linear-gradient(180deg, #1d1107 0%, #28160a 46%, #341d0d 100%);
}

body[data-theme="ginger"].auth-smoke-active {
  background:
    radial-gradient(circle at 24% 72%, rgba(255, 193, 81, 0.16), transparent 30%),
    radial-gradient(circle at 72% 24%, rgba(255, 244, 228, 0.09), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(126, 79, 49, 0.16), transparent 28%),
    linear-gradient(180deg, #160907 0%, #210f09 46%, #2d170d 100%);
}

body[data-theme="ginger"] .auth-screen::before {
  background: radial-gradient(circle, rgba(239, 176, 76, 0.22) 0%, rgba(239, 176, 76, 0) 72%);
}

body[data-theme="ginger"] .auth-screen::after {
  background: radial-gradient(circle, rgba(241, 223, 200, 0.13) 0%, rgba(241, 223, 200, 0) 74%);
}

body[data-theme="ginger"] .brand p {
  color: var(--fox-cream-soft);
}

body[data-theme="ginger"] .brand-mark-fox {
  filter: drop-shadow(0 12px 26px rgba(239, 176, 76, 0.24))
    drop-shadow(0 4px 12px rgba(241, 223, 200, 0.16));
}

body[data-theme="ginger"] .auth-card {
  border-color: var(--fox-line-strong);
  background: radial-gradient(circle at top left, rgba(255, 244, 228, 0.08), transparent 34%),
    radial-gradient(circle at 88% 108%, rgba(255, 193, 81, 0.18), transparent 40%),
    linear-gradient(180deg, rgba(70, 39, 24, 0.95), rgba(41, 24, 17, 0.97));
  box-shadow: 0 34px 80px rgba(14, 6, 3, 0.5), inset 0 1px 0 rgba(255, 244, 228, 0.06);
}

body[data-theme="ginger"] .auth-card::before {
  background: linear-gradient(180deg, rgba(255, 247, 238, 0.04), transparent 28%),
    radial-gradient(circle at 18% 110%, rgba(239, 176, 76, 0.12), transparent 34%);
}

body[data-theme="ginger"] .auth-card::after {
  background: radial-gradient(circle, rgba(239, 176, 76, 0.16), rgba(239, 176, 76, 0) 72%);
}

body[data-theme="ginger"] .auth-card.auth-card-tilt-active {
  border-color: rgba(243, 213, 180, 0.4);
  box-shadow: 0 38px 84px rgba(14, 6, 3, 0.56), 0 14px 28px rgba(255, 244, 228, 0.12),
    0 18px 42px rgba(255, 193, 81, 0.2);
}

body[data-theme="ginger"] .tab-btn {
  border-color: var(--fox-line-mid);
  background: rgba(67, 39, 24, 0.6);
}

body[data-theme="ginger"] .tab-btn.active {
  border-color: rgba(243, 213, 180, 0.42);
  background: linear-gradient(180deg, rgba(132, 75, 39, 0.88), rgba(85, 48, 28, 0.92));
  box-shadow: inset 0 0 0 1px rgba(251, 241, 226, 0.04);
}

body[data-theme="ginger"] .auth-public-profile {
  border-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(79, 46, 28, 0.8), rgba(46, 27, 18, 0.86));
}

body[data-theme="ginger"] label {
  color: var(--fox-cream-soft);
}

body[data-theme="ginger"] input:not([type="checkbox"]):not([type="range"]),
body[data-theme="ginger"] textarea,
body[data-theme="ginger"] select {
  border-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(83, 48, 28, 0.92), rgba(54, 31, 19, 0.95));
  box-shadow: inset 0 1px 0 rgba(255, 244, 228, 0.04), inset 0 -1px 0 rgba(13, 6, 3, 0.24);
}

body[data-theme="ginger"] input:not([type="checkbox"]):not([type="range"]):focus,
body[data-theme="ginger"] textarea:focus,
body[data-theme="ginger"] select:focus {
  outline: 2px solid rgba(239, 176, 76, 0.26);
  border-color: rgba(239, 176, 76, 0.68);
  box-shadow: 0 0 0 4px rgba(239, 176, 76, 0.08), 0 0 0 1px rgba(241, 223, 200, 0.08),
    inset 0 1px 0 rgba(251, 241, 226, 0.05);
}

body[data-theme="ginger"] .primary-btn {
  background: linear-gradient(135deg, #ffd270 0%, #ffbc3e 52%, #c97a18 100%);
  color: #fff7ef;
  box-shadow: 0 12px 28px rgba(44, 19, 7, 0.34), 0 8px 18px rgba(255, 193, 81, 0.24);
}

body[data-theme="ginger"] .primary-btn:hover {
  box-shadow: 0 14px 30px rgba(44, 19, 7, 0.4), 0 10px 22px rgba(255, 193, 81, 0.3);
}

body[data-theme="ginger"] .ghost-btn {
  border-color: var(--fox-line-mid);
  background: rgba(67, 39, 24, 0.72);
  color: var(--fox-cream);
}

body[data-theme="ginger"] .ghost-btn:hover {
  background: rgba(97, 57, 34, 0.9);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .left-folder-rail {
  border-right-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(28, 14, 9, 0.94), rgba(39, 20, 12, 0.98));
}

body[data-theme="ginger"] .folder-rail-menu-btn,
body[data-theme="ginger"] .folder-rail-item,
body[data-theme="ginger"] .folder-rail-settings {
  border-color: var(--fox-line-mid);
  background: rgba(63, 36, 22, 0.9);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .folder-rail-item:hover,
body[data-theme="ginger"] .folder-rail-settings:hover,
body[data-theme="ginger"] .menu-toggle-btn:hover {
  background: rgba(97, 57, 34, 0.96);
  border-color: var(--fox-line-strong);
}

body[data-theme="ginger"] .folder-rail-item.active {
  border-color: rgba(239, 176, 76, 0.52);
  background: linear-gradient(180deg, rgba(146, 82, 41, 0.94), rgba(95, 53, 29, 0.98));
}

body[data-theme="ginger"] .folder-rail-item.drag-target {
  border-color: rgba(239, 176, 76, 0.72);
  background: linear-gradient(180deg, rgba(160, 89, 45, 0.94), rgba(106, 59, 31, 0.98));
  box-shadow: 0 10px 24px rgba(8, 4, 2, 0.42), 0 0 0 1px rgba(239, 176, 76, 0.16);
}

body[data-theme="ginger"] .left-pane-filter-btn {
  border-color: var(--fox-line-mid);
  background: rgba(67, 39, 24, 0.5);
}

body[data-theme="ginger"] .left-pane-filter-btn.active {
  background: rgba(239, 176, 76, 0.14);
  border-color: rgba(239, 176, 76, 0.46);
}

body[data-theme="ginger"] .chat-search-avatar,
body[data-theme="ginger"] .chat-avatar-fallback,
body[data-theme="ginger"] .message-invite-preview-avatar,
body[data-theme="ginger"] .invite-preview-avatar,
body[data-theme="ginger"] .settings-home-profile-avatar,
body[data-theme="ginger"] .chat-profile-avatar,
body[data-theme="ginger"] .chat-profile-member-avatar {
  background: linear-gradient(145deg, #ffc662, #d78922);
  color: #fff8ef;
}

body[data-theme="ginger"] .chat-row-archive-badge {
  background: rgba(239, 176, 76, 0.12);
  box-shadow: inset 0 0 0 1px rgba(239, 176, 76, 0.24);
  color: var(--fox-cream);
}

body[data-theme="ginger"] .official-account-badge {
  background: rgba(52, 31, 22, 0.78);
  box-shadow: inset 0 0 0 1px rgba(243, 213, 180, 0.18);
}

body[data-theme="ginger"] .side-menu-overlay,
body[data-theme="ginger"] .folder-menu-overlay,
body[data-theme="ginger"] .modal-overlay {
  background: rgba(11, 6, 4, 0.64);
}

body[data-theme="ginger"] .side-menu-panel {
  border-right-color: var(--fox-line-mid);
  background: linear-gradient(180deg, #28150d, #1d1009 64%, #160b07 100%);
}

body[data-theme="ginger"] .menu-user-card {
  background: rgba(66, 38, 23, 0.88);
}

body[data-theme="ginger"] .menu-item-btn {
  background: rgba(52, 30, 19, 0.76);
}

body[data-theme="ginger"] .side-menu-action-icon {
  background: rgba(241, 223, 200, 0.1);
  color: var(--fox-coat-bright);
}

body[data-theme="ginger"] .right-pane {
  background: linear-gradient(180deg, #1a0c07 0%, #23110a 34%, #2c160c 100%);
}

body[data-theme="ginger"] .chat-header,
body[data-theme="ginger"] .message-list,
body[data-theme="ginger"] .chat-mentions-view {
  background: linear-gradient(180deg, rgba(41, 22, 13, 0.98), rgba(56, 29, 16, 0.98));
}

body[data-theme="ginger"] .chat-menu,
body[data-theme="ginger"] .chat-list-context-menu,
body[data-theme="ginger"] .attach-menu,
body[data-theme="ginger"] .message-actions-menu,
body[data-theme="ginger"] .emoji-picker-panel {
  background: linear-gradient(170deg, rgba(63, 36, 22, 0.98), rgba(41, 24, 16, 0.98));
  box-shadow: 0 16px 40px rgba(8, 4, 2, 0.52);
}

body[data-theme="ginger"] .attach-menu-item:hover,
body[data-theme="ginger"] .message-action-item:hover {
  background: rgba(239, 176, 76, 0.16);
}

body[data-theme="ginger"] .emoji-picker-head {
  border-bottom-color: var(--fox-line-soft);
}

body[data-theme="ginger"] .emoji-picker-title,
body[data-theme="ginger"] .composer-mention-title,
body[data-theme="ginger"] .message-link-preview-title,
body[data-theme="ginger"] .invite-preview-title {
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .emoji-picker-section-title,
body[data-theme="ginger"] .message-link-preview-site,
body[data-theme="ginger"] .message-invite-preview-label,
body[data-theme="ginger"] .composer-reply-title,
body[data-theme="ginger"] .composer-link-preview-title,
body[data-theme="ginger"] .message-bundle-head,
body[data-theme="ginger"] .message-bundle-sender,
body[data-theme="ginger"] .settings-entry-hint.value,
body[data-theme="ginger"] .settings-version-value,
body[data-theme="ginger"] .chat-profile-stat-ico,
body[data-theme="ginger"] .chat-profile-members-ico,
body[data-theme="ginger"] .chat-profile-bio-toggle-btn,
body[data-theme="ginger"] .chat-profile-main-line#chatProfileUsername {
  color: var(--fox-coat-bright);
}

body[data-theme="ginger"] .composer {
  background: linear-gradient(180deg, rgba(59, 33, 20, 0.98), rgba(43, 24, 15, 0.98));
  border-top-color: var(--fox-line-mid);
}

body[data-theme="ginger"] .channel-action-bar {
  border-top-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(69, 39, 24, 0.96), rgba(47, 27, 17, 0.98)),
    radial-gradient(circle at top right, rgba(255, 193, 81, 0.18), transparent 54%);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .channel-action-bar:hover {
  background: linear-gradient(180deg, rgba(83, 47, 28, 0.98), rgba(54, 31, 19, 0.98)),
    radial-gradient(circle at top right, rgba(255, 193, 81, 0.22), transparent 54%);
}

body[data-theme="ginger"] .channel-action-bar:focus-visible,
body[data-theme="ginger"] .message-mention:focus-visible {
  outline-color: rgba(239, 176, 76, 0.44);
}

body[data-theme="ginger"] .attach-btn,
body[data-theme="ginger"] .composer-reply-cancel,
body[data-theme="ginger"] .emoji-picker-close-btn {
  border-color: var(--fox-line-mid);
  background: rgba(78, 45, 27, 0.84);
  color: var(--fox-cream);
}

body[data-theme="ginger"] .attach-btn:hover,
body[data-theme="ginger"] .composer-reply-cancel:hover,
body[data-theme="ginger"] .emoji-picker-close-btn:hover {
  background: rgba(108, 62, 37, 0.94);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .composer textarea,
body[data-theme="ginger"] .media-caption-wrap input,
body[data-theme="ginger"] .media-caption-wrap textarea {
  border-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(93, 52, 30, 0.94), rgba(62, 35, 21, 0.96));
  color: var(--fox-cream-bright);
  box-shadow: inset 0 1px 0 rgba(255, 244, 228, 0.04);
}

body[data-theme="ginger"] .composer textarea:focus,
body[data-theme="ginger"] .media-caption-wrap input:focus,
body[data-theme="ginger"] .media-caption-wrap textarea:focus,
body[data-theme="ginger"] .settings-language-select:focus,
body[data-theme="ginger"] .settings-field input:focus,
body[data-theme="ginger"] .settings-field textarea:focus,
body[data-theme="ginger"] .folder-create-field input:focus {
  border-color: rgba(239, 176, 76, 0.7);
  outline: 2px solid rgba(239, 176, 76, 0.22);
  box-shadow: 0 0 0 3px rgba(239, 176, 76, 0.1);
}

body[data-theme="ginger"] .composer-reply,
body[data-theme="ginger"] .composer-link-preview,
body[data-theme="ginger"] .composer-voice,
body[data-theme="ginger"] .message,
body[data-theme="ginger"] .message-bundle,
body[data-theme="ginger"] .message-bundle.nested,
body[data-theme="ginger"] .message-link-preview,
body[data-theme="ginger"] .message-document,
body[data-theme="ginger"] .message-media-group,
body[data-theme="ginger"] .message-media-stack,
body[data-theme="ginger"] .jump-unread-btn {
  background-color: rgba(72, 41, 25, 0.82);
  border-color: var(--fox-line-mid);
}

body[data-theme="ginger"] .message.own,
body[data-theme="ginger"] .message-bundle.mode-reply .message-bundle-item,
body[data-theme="ginger"] .message-invite-preview {
  background: rgba(124, 71, 36, 0.86);
  border-color: rgba(239, 176, 76, 0.36);
}

body[data-theme="ginger"] .message-system-text,
body[data-theme="ginger"] .message-link-preview-desc,
body[data-theme="ginger"] .message-invite-preview-meta,
body[data-theme="ginger"] .message-bundle-text,
body[data-theme="ginger"] .message-voice-total,
body[data-theme="ginger"] .message-voice-meta {
  color: var(--fox-cream);
}

body[data-theme="ginger"] .message-link,
body[data-theme="ginger"] .message-mention {
  color: #efc288;
}

body[data-theme="ginger"] .message-link {
  text-decoration-color: rgba(239, 194, 136, 0.58);
}

body[data-theme="ginger"] .message-link:hover,
body[data-theme="ginger"] .message-mention:hover {
  color: #f7dec0;
}

body[data-theme="ginger"] .message-mention {
  border-bottom-color: rgba(239, 194, 136, 0.48);
}

body[data-theme="ginger"] .message-mention:hover {
  border-bottom-color: rgba(247, 222, 192, 0.84);
}

body[data-theme="ginger"] .message-day-separator-chip {
  border-color: var(--fox-line-mid);
  background: rgba(56, 32, 20, 0.94);
  color: var(--fox-cream-bright);
  box-shadow: 0 10px 22px rgba(8, 4, 2, 0.3);
}

body[data-theme="ginger"] .message.reply-swipe-ready,
body[data-theme="ginger"] .message.search-highlight,
body[data-theme="ginger"] .message.selection-picked {
  box-shadow: 0 0 0 2px rgba(239, 176, 76, 0.38), 0 0 22px rgba(239, 176, 76, 0.14);
}

body[data-theme="ginger"] .message-upload-progress {
  background: rgba(243, 213, 180, 0.18);
}

body[data-theme="ginger"] .message-upload-progress-bar {
  background: linear-gradient(90deg, var(--primary), #f0b56c);
}

body[data-theme="ginger"] .message-media-stack-badge,
body[data-theme="ginger"] .media-composer-thumb-stack-badge {
  background: rgba(50, 28, 17, 0.84);
  border-color: rgba(239, 176, 76, 0.42);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .message-document:hover,
body[data-theme="ginger"] .message-link-preview:hover {
  border-color: rgba(239, 176, 76, 0.52);
  background: rgba(97, 56, 33, 0.9);
}

body[data-theme="ginger"] .message-document-icon {
  background: rgba(239, 176, 76, 0.18);
}

body[data-theme="ginger"] .message-voice {
  background: linear-gradient(180deg, rgba(88, 51, 29, 0.76), rgba(55, 32, 20, 0.72));
}

body[data-theme="ginger"] .message-voice.playing {
  border-color: rgba(239, 176, 76, 0.42);
  box-shadow: 0 0 0 1px rgba(239, 176, 76, 0.12);
}

body[data-theme="ginger"] .message-voice-play {
  border-color: rgba(239, 176, 76, 0.3);
  background: linear-gradient(180deg, rgba(255, 208, 112, 0.96), rgba(218, 133, 29, 0.92));
  color: #fff7ef;
}

body[data-theme="ginger"] .message-voice-slider-track {
  background: rgba(243, 213, 180, 0.16);
}

body[data-theme="ginger"] .message-voice-slider-fill,
body[data-theme="ginger"] .composer-voice-wave-bar {
  background: linear-gradient(180deg, rgba(245, 182, 102, 0.92), rgba(208, 114, 33, 0.72));
}

body[data-theme="ginger"] .message-voice-slider-thumb {
  border-color: rgba(255, 245, 232, 0.92);
  background: #fcf3e8;
  box-shadow: 0 0 0 3px rgba(239, 176, 76, 0.22);
}

body[data-theme="ginger"] .composer-mention {
  border-color: rgba(239, 176, 76, 0.28);
  background: linear-gradient(180deg, rgba(83, 48, 29, 0.96), rgba(55, 32, 20, 0.96));
  box-shadow: 0 12px 24px rgba(8, 4, 2, 0.36);
}

body[data-theme="ginger"] .composer-mention-head {
  border-bottom-color: rgba(243, 213, 180, 0.14);
}

body[data-theme="ginger"] .composer-mention-close {
  border-color: var(--fox-line-mid);
  background: rgba(88, 51, 30, 0.76);
  color: var(--fox-cream);
}

body[data-theme="ginger"] .composer-mention-close:hover,
body[data-theme="ginger"] .composer-mention-item:hover,
body[data-theme="ginger"] .composer-mention-item.active {
  background: rgba(239, 176, 76, 0.16);
}

body[data-theme="ginger"] .composer-mention-item {
  border-bottom-color: rgba(243, 213, 180, 0.1);
}

body[data-theme="ginger"] .composer-mention-avatar {
  border-color: rgba(239, 176, 76, 0.24);
  background: rgba(98, 56, 33, 0.86);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .jump-unread-btn {
  box-shadow: 0 12px 24px rgba(8, 4, 2, 0.36);
}

body[data-theme="ginger"] .folder-menu-panel {
  border-right-color: var(--fox-line-mid);
  background: linear-gradient(180deg, #2a170e, #1f110a 56%, #180c08);
  color: var(--fox-cream-bright);
  box-shadow: 18px 0 42px rgba(8, 4, 2, 0.42);
}

body[data-theme="ginger"] .folder-menu-kicker,
body[data-theme="ginger"] .folder-menu-section-title,
body[data-theme="ginger"] .folder-create-picker-title,
body[data-theme="ginger"] .folder-menu-row-icon {
  color: var(--fox-coat-bright);
}

body[data-theme="ginger"] .folder-menu-close,
body[data-theme="ginger"] .folder-create-field input,
body[data-theme="ginger"] .chat-profile-members-btn {
  border-color: var(--fox-line-mid);
  background: rgba(71, 40, 24, 0.88);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .folder-menu-close:hover,
body[data-theme="ginger"] .chat-profile-members-btn:hover {
  background: rgba(103, 58, 34, 0.96);
  border-color: var(--fox-line-strong);
}

body[data-theme="ginger"] .folder-menu-hero {
  background: linear-gradient(180deg, rgba(89, 50, 29, 0.9), rgba(63, 36, 22, 0.9));
  border-top: 1px solid var(--fox-line-soft);
  border-bottom: 1px solid var(--fox-line-soft);
}

body[data-theme="ginger"] .folder-menu-row:hover,
body[data-theme="ginger"] .folder-menu-recommendation:hover,
body[data-theme="ginger"] .folder-create-chat-row:hover {
  background: rgba(92, 53, 31, 0.86);
}

body[data-theme="ginger"] .folder-menu-empty,
body[data-theme="ginger"] .folder-create-chat-empty,
body[data-theme="ginger"] .chat-profile-members-empty {
  border-color: var(--fox-line-mid);
  background: rgba(56, 31, 19, 0.72);
  color: var(--fox-cream-soft);
}

body[data-theme="ginger"] .folder-menu-pill-btn,
body[data-theme="ginger"] .folder-menu-add-btn span:first-child {
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
  color: #fff7ef;
}

body[data-theme="ginger"] .folder-menu-divider,
body[data-theme="ginger"] .settings-pages,
body[data-theme="ginger"] .settings-entry-separator {
  border-top-color: var(--fox-line-soft);
  border-bottom-color: var(--fox-line-soft);
  background: rgba(49, 28, 18, 0.76);
}

body[data-theme="ginger"] .folder-create-chat-list,
body[data-theme="ginger"] .chat-profile-info-block,
body[data-theme="ginger"] .chat-profile-members-column,
body[data-theme="ginger"] .chat-profile-stats,
body[data-theme="ginger"] .chat-profile-members-block,
body[data-theme="ginger"] .settings-block,
body[data-theme="ginger"] .settings-log-entry,
body[data-theme="ginger"] .settings-password-modal-card,
body[data-theme="ginger"] .settings-admin-metric,
body[data-theme="ginger"] .stack-editor-list,
body[data-theme="ginger"] .stack-editor-pool-list {
  border-color: var(--fox-line-mid);
  background: rgba(56, 31, 19, 0.88);
}

body[data-theme="ginger"] .chat-profile-modal-card {
  border-color: var(--fox-line-strong);
  background: radial-gradient(120% 65% at 12% -10%, rgba(255, 193, 81, 0.18) 0%, rgba(255, 193, 81, 0) 60%),
    linear-gradient(176deg, #3a2114, #2b180f 48%, #1c0e09 100%);
}

body[data-theme="ginger"] .chat-profile-top {
  background: radial-gradient(circle at 15% 16%, rgba(255, 247, 238, 0.08) 0 3px, transparent 4px),
    radial-gradient(circle at 70% 18%, rgba(255, 247, 238, 0.06) 0 3px, transparent 4px),
    linear-gradient(162deg, #dda04c 0%, #bb7628 44%, #95591d 100%);
  border-bottom-color: var(--fox-line-soft);
}

body[data-theme="ginger"] .chat-profile-name,
body[data-theme="ginger"] .chat-profile-status,
body[data-theme="ginger"] .chat-profile-main-line,
body[data-theme="ginger"] .chat-profile-member-name,
body[data-theme="ginger"] .settings-modal-head h3,
body[data-theme="ginger"] .settings-page-title,
body[data-theme="ginger"] .settings-home-profile-name,
body[data-theme="ginger"] .settings-block-title,
body[data-theme="ginger"] .settings-admin-value,
body[data-theme="ginger"] .settings-log-entry-version {
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .chat-profile-quick-actions {
  background: rgba(53, 31, 20, 0.92);
  border-bottom-color: var(--fox-line-soft);
}

body[data-theme="ginger"] .chat-profile-quick-btn,
body[data-theme="ginger"] #chatProfileMoreBtn:disabled,
body[data-theme="ginger"] .settings-head-btn,
body[data-theme="ginger"] .settings-back-btn {
  border-color: var(--fox-line-mid);
  background: rgba(73, 41, 25, 0.9);
  color: var(--fox-cream);
}

body[data-theme="ginger"] .chat-profile-quick-btn.active,
body[data-theme="ginger"] .chat-profile-members-btn.active {
  border-color: rgba(239, 176, 76, 0.46);
  background: rgba(239, 176, 76, 0.14);
}

body[data-theme="ginger"] .chat-profile-stat-row,
body[data-theme="ginger"] .chat-profile-stat-action,
body[data-theme="ginger"] .chat-profile-member-row,
body[data-theme="ginger"] .stack-editor-item,
body[data-theme="ginger"] .stack-editor-pool-item {
  border-color: var(--fox-line-soft);
  background: rgba(75, 42, 25, 0.86);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .chat-profile-stat-action:hover,
body[data-theme="ginger"] .chat-profile-member-row.clickable:hover {
  background: rgba(104, 59, 34, 0.96);
  border-color: var(--fox-line-strong);
}

body[data-theme="ginger"] .chat-profile-members-search {
  border-color: var(--fox-line-mid);
  background: rgba(61, 34, 21, 0.92);
  box-shadow: inset 0 0 0 1px rgba(18, 10, 8, 0.28);
}

body[data-theme="ginger"] .chat-profile-member-role,
body[data-theme="ginger"] .settings-admin-service-badge {
  border-color: var(--fox-line-mid);
  background: rgba(76, 43, 26, 0.86);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .chat-profile-member-role.owner {
  border-color: rgba(239, 176, 76, 0.44);
  color: #f8d7af;
}

body[data-theme="ginger"] .settings-modal-card,
body[data-theme="ginger"] .modal-card {
  border-color: var(--fox-line-strong);
  background: linear-gradient(180deg, #342013, #26170f 64%, #1a0f0a 100%);
  color: var(--fox-cream-bright);
  box-shadow: 0 18px 46px rgba(16, 7, 3, 0.28);
}

body[data-theme="ginger"] .settings-home-profile-card {
  background: linear-gradient(180deg, #d89b48, #af6d25);
  border-bottom-color: var(--fox-line-soft);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .settings-home-profile-username,
body[data-theme="ginger"] .settings-entry-hint,
body[data-theme="ginger"] .settings-admin-note,
body[data-theme="ginger"] .settings-admin-hero-subtitle,
body[data-theme="ginger"] .settings-log-entry-date,
body[data-theme="ginger"] .settings-field,
body[data-theme="ginger"] .settings-field-counter,
body[data-theme="ginger"] .chat-profile-sub-line,
body[data-theme="ginger"] .chat-profile-type-line,
body[data-theme="ginger"] .chat-profile-member-status,
body[data-theme="ginger"] .folder-menu-note,
body[data-theme="ginger"] .folder-menu-row-meta {
  color: var(--fox-cream-soft);
}

body[data-theme="ginger"] .settings-language-select,
body[data-theme="ginger"] .settings-field input,
body[data-theme="ginger"] .settings-field textarea {
  border-color: var(--fox-line-mid);
  background: rgba(78, 45, 28, 0.92);
  color: var(--fox-cream-bright);
}

body[data-theme="ginger"] .settings-page-head {
  border-bottom-color: var(--fox-line-soft);
  background: rgba(58, 33, 21, 0.92);
}

body[data-theme="ginger"] .settings-entry-btn:hover {
  background: rgba(97, 55, 32, 0.84);
}

body[data-theme="ginger"] .settings-entry-separator-danger {
  border-top-color: rgba(200, 107, 103, 0.34);
  border-bottom-color: rgba(200, 107, 103, 0.28);
  background: rgba(61, 20, 16, 0.42);
}

body[data-theme="ginger"] .settings-entry-btn.settings-entry-danger .settings-entry-icon,
body[data-theme="ginger"] .settings-entry-btn.settings-entry-danger .settings-entry-hint {
  color: #f1aaa3;
}

body[data-theme="ginger"] .settings-version-value {
  border-color: rgba(239, 176, 76, 0.34);
  background: rgba(239, 176, 76, 0.1);
}

body[data-theme="ginger"] .media-preview-wrap,
body[data-theme="ginger"] .image-editor-stage {
  border-color: rgba(101, 66, 46, 0.82);
  background: rgba(46, 25, 16, 0.8);
}

body[data-theme="ginger"] .media-composer-thumb {
  border-color: var(--fox-line-mid);
  background: rgba(63, 36, 22, 0.86);
  color: var(--fox-cream);
}

body[data-theme="ginger"] .media-composer-thumb.active,
body[data-theme="ginger"] .media-compose-card.drop-file-active,
body[data-theme="ginger"] .stack-editor-card.drop-file-active {
  border-color: rgba(239, 176, 76, 0.6);
  box-shadow: 0 0 0 2px rgba(239, 176, 76, 0.24), 0 12px 28px rgba(8, 4, 2, 0.46);
}

body[data-theme="ginger"] .media-composer-thumb.drag-over-before::after,
body[data-theme="ginger"] .media-composer-thumb.drag-over-after::after {
  background: var(--primary);
  box-shadow: 0 0 0 1px rgba(239, 176, 76, 0.24);
}

body[data-theme="ginger"] .media-composer-thumb-doc-toggle,
body[data-theme="ginger"] .media-composer-thumb-remove,
body[data-theme="ginger"] .stack-editor-icon-btn,
body[data-theme="ginger"] .stack-editor-pool-add,
body[data-theme="ginger"] .stack-editor-sort-reset-btn {
  border-color: var(--fox-line-mid);
  background: rgba(76, 43, 26, 0.84);
  color: var(--fox-cream-bright);
}