/* Dark theme — как mp_status: фон #2D2E2B, текст #00FEC9 */
html.theme-dark {
    color-scheme: dark;
    background: #2D2E2B;
}

body.theme-dark {
    background: #2D2E2B;
}

body, .figma-frame, .logo-text, .tagline, .section-title, .section-description,
.subsection-title, .subsection-content, .message, .quick-btn, .contact-link,
.contacts-text, .robot-label, .chat-in-frame, .chat-input-bar {
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.theme-dark {
    --color-white: #2D2E2B;
    --color-black: #00FEC9;
    --color-gray-light: rgba(0, 254, 201, 0.15);
    --color-gray-medium: rgba(0, 254, 201, 0.7);
    --color-gray-dark: #00FEC9;
    --color-text-dark: #00FEC9;
    --color-text-muted: rgba(0, 254, 201, 0.7);
    --color-bg-overlay: rgba(0, 254, 201, 0.1);
    --color-chat-bg: rgba(0, 254, 201, 0.08);

    --shadow-light: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
    --shadow-medium: 1px 2px 3px 0px rgba(0, 0, 0, 0.3);
    --shadow-robot: 16px 3px 15px 0px rgba(0, 254, 201, 0.15);

    --text-primary: #00FEC9;
    --text-secondary: rgba(0, 254, 201, 0.75);
    --accent-green: #00fec9;
    --color-primary: #00FEC9;
}

.theme-dark .figma-frame {
    background: #2D2E2B;
}

.theme-dark .logo-text,
.theme-dark .tagline,
.theme-dark .section-title,
.theme-dark .section-description,
.theme-dark .section-title-in-header,
.theme-dark .section-title-fly,
.theme-dark .subsection-title,
.theme-dark .subsection-content,
.theme-dark .subsection-content li,
.theme-dark .price-info,
.theme-dark .contacts-text,
.theme-dark .robot-label,
.theme-dark .message,
.theme-dark .message-text,
.theme-dark .quick-btn {
    color: var(--text-primary);
}

.theme-dark .contact-item a {
    color: var(--accent-green);
}

.theme-dark .contact-link {
    color: var(--accent-green);
}

.theme-dark .chat-in-frame {
    background: rgba(0, 254, 201, 0.08);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
}

/* Ховер только текст+робот (не стрелка): как панель чата */
.theme-dark .robot-block-hit:hover {
    background: rgba(0, 254, 201, 0.2);
    border-color: rgba(0, 254, 201, 0.55);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}

/* Текст подписи остаётся акцентным, не на чёрный как в дневном режиме */
.theme-dark .robot-block-hit:hover .robot-label {
    color: var(--text-primary);
}

.theme-dark .chat-input-bar {
    background: rgba(0, 254, 201, 0.15);
}

.theme-dark .chat-input-bar:focus-within {
    background: rgba(0, 254, 201, 0.1);
}

.theme-dark .message-ai {
    background: rgba(0, 254, 201, 0.12);
}

.theme-dark .message-user {
    background: rgba(0, 254, 201, 0.2);
}

.theme-dark .connection-lines .line-path {
    stroke: rgba(0, 254, 201, 0.4);
}

.theme-dark .connection-lines .line-dot {
    fill: rgba(0, 254, 201, 0.4);
}

/* Мобайл: пунктирные линии-дерево рисуются CSS-псевдоэлементами через
   var(--color-gray-light). В тёмной теме это слишком бледно и выглядит серым —
   задаём насыщенный зелёный явно. */
.theme-dark .sections::before,
.theme-dark .section::before,
.theme-dark .subsections::before,
.theme-dark .subsection::before {
    border-color: rgba(0, 254, 201, 0.55) !important;
}

.theme-dark .sections::after,
.theme-dark .section::after,
.theme-dark .subsections::after,
.theme-dark .subsection::after {
    background: rgba(0, 254, 201, 0.55) !important;
}

.theme-dark .back-button {
    background-color: var(--accent-green);
}

.theme-dark .back-button span {
    color: #2D2E2B;
}

.theme-dark .contacts-popup {
    background: #2D2E2B;
    border: 1px solid rgba(0, 254, 201, 0.3);
}


.theme-dark .mobile-contacts-btn {
    background-color: var(--accent-green);
    color: #2D2E2B;
}

/* В тёмной теме --color-black = мятный (#00FEC9), и текст сливался с зелёной
   кнопкой. Задаём тёмный цвет явно, как у кнопки «назад». */
.theme-dark .mobile-contacts-btn span {
    color: #2D2E2B !important;
}

.theme-dark .theme-toggle {
    background: rgba(0, 254, 201, 0.15);
    border: 0.5px dashed rgba(0, 254, 201, 0.4);
    color: var(--accent-green);
}

.theme-dark .theme-toggle:hover {
    background: rgba(0, 254, 201, 0.25);
}

.theme-dark .online-services-backdrop {
    background: rgba(0, 0, 0, 0.32);
}

.theme-dark .chat-in-frame-input-area textarea {
    background: rgba(0, 254, 201, 0.1);
    caret-color: var(--accent-green);
}

.theme-dark .chat-send-btn {
    background: rgba(0, 254, 201, 0.12);
    border-color: rgba(0, 254, 201, 0.45);
    color: var(--accent-green);
}

.theme-dark .chat-send-btn:hover {
    background: rgba(0, 254, 201, 0.24);
}

.theme-dark .voice-dialog-mode-btn {
    flex-direction: row-reverse;
}

.theme-dark .mic-icon-inline {
    margin-left: 0;
    margin-right: 8px;
    color: var(--accent-green);
}

.theme-dark .chat-in-frame-input-area textarea::placeholder {
    color: rgba(0, 254, 201, 0.7);
}

.theme-dark .chat-attachment-chip-remove {
    color: rgba(0, 254, 201, 0.75);
}

.theme-dark .chat-attachment-chip-remove:hover {
    color: var(--accent-green);
}

.theme-dark .typing-dots span {
    background: var(--accent-green);
}