/* ===== Robotext — цветовые токены темы ==============================
   Светлая = :root (совпадает с текущими цветами сайта).
   Тёмная  = :root[data-bs-theme="dark"] (утверждённая палитра, Material/Apple,
   primary-forward). Специфичность :root[data-bs-theme=dark] (0,2,0) выше, чем у
   page-level :root (0,1,0) — поэтому переопределения локальных var-неймспейсов
   (--hp/ie/ocr/vd/blog/callout/write) выигрывают независимо от порядка загрузки.
   Основа — Bootstrap 5.3 data-bs-theme. Подключать ПОСЛЕ themes/<theme>.min.css. */

:root {
  --rt-bg:#f3f4f6; --rt-surface:#ffffff; --rt-elevated:#ffffff; --rt-hover:#eef1f5;
  --rt-border:#dee2e6; --rt-border-subtle:rgba(0,0,0,.06);
  --rt-text:#212529; --rt-text-2:#5c6672; --rt-muted:#8a94a6;
  --rt-accent:#0d6efd; --rt-accent-hover:#0b5ed7;
  --rt-link:#0d6efd; --rt-link-strong:#084298;
  --rt-acc-surface:#eef4ff; --rt-acc-border:#cfe0ff;
  --rt-btn:#0d6efd; --rt-btn-text:#ffffff;
  --rt-success:#198754; --rt-danger:#dc3545; --rt-warning:#c47f17;
  --rt-code:#d6336c; --rt-code-bg:#f1f3f5;
  --rt-badge:#131417; --rt-badge-text:#ffffff;
  --rt-shadow:0 2px 12px rgba(16,24,40,.07);
  /* радиальные блики фона body («перелив») */
  --rt-glow-1:rgba(13,110,253,.12); --rt-glow-2:rgba(218,218,218,.88);
  /* шапка / навигация (стеклянные слои) */
  --rt-header-bg:rgba(255,255,255,.65); --rt-header-border:rgba(255,255,255,.65);
  --rt-navbtn-bg:rgba(255,255,255,.56); --rt-navbtn-bg-hover:rgba(255,255,255,.88);
  --rt-navbtn-border:rgba(0,0,0,.08); --rt-navbtn-text:rgba(0,0,0,.84);
  --rt-glass-bg:rgba(255,255,255,.65); --rt-glass-item-hover:#dbe9ff;
  --rt-search-bg:rgba(255,255,255,.72); --rt-search-bg-focus:rgba(255,255,255,.92);
  /* попап выбора варианта предложения (rewrite) */
  --rt-pop-bg:rgba(255,255,255,.9); --rt-pop-border:rgba(0,0,0,.08);
  --rt-pop-shadow:0 14px 38px rgba(16,24,40,.16); --rt-pop-head:#6b7280;
  --rt-pop-hover:#eef2f7; --rt-pop-orig:#6b7280;
}

:root[data-bs-theme="dark"] {
  /* --- База Bootstrap (наследуется компонентами) --- */
  --bs-body-bg:#0F1319; --bs-body-bg-rgb:15,19,25;
  --bs-body-color:#E6E9EF; --bs-body-color-rgb:230,233,239;
  --bs-secondary-bg:#171B22; --bs-tertiary-bg:#1F242D;
  --bs-secondary-bg-subtle:#12161c; --bs-tertiary-bg-subtle:#0d1116;
  --bs-secondary-color:rgba(230,233,239,.66); --bs-tertiary-color:rgba(230,233,239,.42);
  --bs-border-color:#2A313B; --bs-border-color-translucent:rgba(255,255,255,.10);
  --bs-emphasis-color:#ffffff; --bs-emphasis-color-rgb:255,255,255;
  --bs-heading-color:#F2F5F9;
  --bs-link-color:#6AA4FF; --bs-link-color-rgb:106,164,255;
  --bs-link-hover-color:#8CBAFF; --bs-link-hover-color-rgb:140,186,255;
  --bs-primary:#3B82F6; --bs-primary-rgb:59,130,246;
  --bs-success:#37D399; --bs-success-rgb:55,211,153;
  --bs-danger:#F26D75; --bs-danger-rgb:242,109,117;
  --bs-warning:#F5B84E; --bs-warning-rgb:245,184,78;
  --bs-info:#54B4E8; --bs-info-rgb:84,180,232;

  /* --- Наши токены для кастома --- */
  --rt-bg:#0F1319; --rt-surface:#171B22; --rt-elevated:#1F242D; --rt-hover:#272D37;
  --rt-border:#2A313B; --rt-border-subtle:rgba(255,255,255,.08);
  --rt-text:#E6E9EF; --rt-text-2:#A7AEBB; --rt-muted:#71798A;
  --rt-accent:#5B9DFF; --rt-accent-hover:#6BA1FF;
  --rt-link:#6AA4FF; --rt-link-strong:#8CBAFF;
  --rt-acc-surface:#12233F; --rt-acc-border:#274B7A;
  --rt-btn:#3B82F6; --rt-btn-text:#ffffff;
  --rt-success:#37D399; --rt-danger:#F26D75; --rt-warning:#F5B84E;
  --rt-code:#FF87B0; --rt-code-bg:#23272E;
  --rt-badge:#0C0F14; --rt-badge-text:#EAF0FA;
  --rt-shadow:0 8px 26px rgba(0,0,0,.45);
  /* радиальные блики фона: синий (сверху-слева) → фиолетовый (снизу-справа) */
  --rt-glow-1:rgba(59,130,246,.18); --rt-glow-2:rgba(139,92,246,.14);
  /* шапка / навигация */
  --rt-header-bg:rgba(21,25,32,.72); --rt-header-border:rgba(255,255,255,.09);
  --rt-navbtn-bg:rgba(255,255,255,.06); --rt-navbtn-bg-hover:rgba(255,255,255,.13);
  --rt-navbtn-border:rgba(255,255,255,.12); --rt-navbtn-text:#E6E9EF;
  --rt-glass-bg:rgba(22,26,33,.72); --rt-glass-item-hover:rgba(91,157,255,.18);
  --rt-search-bg:rgba(255,255,255,.06); --rt-search-bg-focus:rgba(255,255,255,.12);
  /* сплиттер редакторов rewrite/reduction */
  --rt-splitter-bg:var(--rt-surface); --rt-separator-bg:var(--rt-elevated);
  --rt-leftbtns-bg:transparent;
  /* затемнение-подложка модалок/offcanvas (в светлой — белое стекло) */
  --rt-backdrop:rgba(0,0,0,.55);
  /* попап выбора варианта предложения (rewrite) */
  --rt-pop-bg:rgba(28,33,42,.9); --rt-pop-border:rgba(255,255,255,.12);
  --rt-pop-shadow:0 18px 48px rgba(0,0,0,.55); --rt-pop-head:var(--rt-muted);
  --rt-pop-hover:rgba(91,157,255,.14); --rt-pop-orig:var(--rt-text-2);

  /* --- homepage (--hp-*) --- */
  --hp-card:#171B22; --hp-ink:#E6E9EF; --hp-muted:#A7AEBB;
  --hp-line:rgba(255,255,255,.08); --hp-accent:#5B9DFF;
  --hp-shadow:0 8px 26px rgba(0,0,0,.45); --hp-shadow-hover:0 14px 40px rgba(0,0,0,.55);

  /* --- image-edit / ocr / video (одинаковый glass-паттерн) --- */
  --ie-accent:#5B9DFF; --ie-accent-soft:rgba(91,157,255,.14); --ie-accent-soft-2:rgba(91,157,255,.26);
  --ie-glass-bg:rgba(23,27,34,.62); --ie-glass-bg-strong:rgba(23,27,34,.82); --ie-glass-border:rgba(255,255,255,.10);
  --ie-text-muted:#A7AEBB; --ie-field-shadow:0 2px 16px rgba(0,0,0,.4);
  --ie-shadow:0 18px 48px rgba(0,0,0,.5); --ie-shadow-soft:0 8px 24px rgba(0,0,0,.4);

  --ocr-accent:#5B9DFF; --ocr-accent-soft:rgba(91,157,255,.14); --ocr-accent-soft-2:rgba(91,157,255,.26);
  --ocr-glass-bg:rgba(23,27,34,.62); --ocr-glass-bg-strong:rgba(23,27,34,.82); --ocr-glass-border:rgba(255,255,255,.10);
  --ocr-text-muted:#A7AEBB; --ocr-field-shadow:0 2px 16px rgba(0,0,0,.4);
  --ocr-shadow:0 18px 48px rgba(0,0,0,.5); --ocr-shadow-soft:0 8px 24px rgba(0,0,0,.4);

  --vd-accent:#5B9DFF; --vd-accent-soft:rgba(91,157,255,.14); --vd-accent-soft-2:rgba(91,157,255,.26);
  --vd-glass-bg:rgba(23,27,34,.62); --vd-glass-bg-strong:rgba(23,27,34,.82); --vd-glass-border:rgba(255,255,255,.10);
  --vd-muted:#A7AEBB;
  --vd-shadow:0 18px 48px rgba(0,0,0,.5); --vd-shadow-soft:0 8px 24px rgba(0,0,0,.4);

  /* --- страница /api (тот же glass-паттерн + палитра кода) --- */
  --api-accent:#5B9DFF; --api-accent-soft:rgba(91,157,255,.14); --api-accent-soft-2:rgba(91,157,255,.26);
  --api-glass-bg:rgba(23,27,34,.62); --api-glass-bg-strong:rgba(23,27,34,.82); --api-glass-border:rgba(255,255,255,.10);
  --api-border:rgba(255,255,255,.10); --api-text:#E6E9EF; --api-text-muted:#A7AEBB;
  --api-shadow:0 18px 48px rgba(0,0,0,.5); --api-shadow-soft:0 8px 24px rgba(0,0,0,.4);
  --api-code-bg:#12161c; --api-code-text:#D5DAE3; --api-code-border:rgba(255,255,255,.08);
  --api-syn-key:#FF7B72; --api-syn-str:#7EE787; --api-syn-num:#79C0FF; --api-syn-com:#8B949E;
  --api-syn-fn:#D2A8FF; --api-syn-jkey:#79C0FF; --api-syn-bool:#FF7B72;
  --api-warn:#E0A33A; --api-warn-soft:rgba(224,163,58,.14);
  --api-get:#7EE787; --api-get-bg:rgba(126,231,135,.14);
  --api-post:#79C0FF; --api-post-bg:rgba(121,192,255,.14);

  /* --- write --- */
  --write-bg:#12161c; --write-surface:#171B22; --write-text:#E6E9EF; --write-text-muted:#A7AEBB; --write-subtitle:#9BA6B4;
  --write-shadow:0 .5rem 1.5rem rgba(0,0,0,.4);

  /* --- blog --- */
  --blog-surface:#171B22; --blog-surface-2:#1F242D; --blog-surface-3:#272D37;
  --blog-text:#E6E9EF; --blog-text-secondary:#A7AEBB; --blog-text-muted:#71798A;
  --blog-border:#2A313B; --blog-accent:#5B9DFF; --blog-primary:#5B9DFF;
  --blog-primary-dark:#8CBAFF; --blog-primary-light:#12233F;
  --blog-shadow:0 2px 8px rgba(0,0,0,.4); --blog-shadow-hover:0 8px 24px rgba(0,0,0,.5);

  /* --- callouts (глубокие тинты + яркие бордеры) --- */
  --callout-check-bg:#122419; --callout-check-border:#37D399;
  --callout-error-bg:#2A1416; --callout-error-border:#F26D75;
  --callout-important-bg:#2A1C10; --callout-important-border:#F59E4E;
  --callout-prompt-bg:#221533; --callout-prompt-border:#B98CFF;
  --callout-tip-bg:#12233F; --callout-tip-border:#5B9DFF;
}

/* Кнопки: осветлённый акцент в тёмной (BS компилит btn-цвета отдельно) */
[data-bs-theme="dark"] .btn-primary{
  --bs-btn-bg:#3B82F6; --bs-btn-border-color:#3B82F6;
  --bs-btn-hover-bg:#5B9DFF; --bs-btn-hover-border-color:#5B9DFF;
  --bs-btn-active-bg:#2f6fd6; --bs-btn-active-border-color:#2f6fd6;
  --bs-btn-disabled-bg:#3B82F6; --bs-btn-disabled-border-color:#3B82F6;
}
[data-bs-theme="dark"] .btn-outline-primary{
  --bs-btn-color:#5B9DFF; --bs-btn-border-color:#3B82F6;
  --bs-btn-hover-bg:#3B82F6; --bs-btn-hover-border-color:#3B82F6;
  --bs-btn-active-bg:#3B82F6; --bs-btn-active-border-color:#3B82F6;
}

/* Тёмный логотип в шапке: два img (light/dark), переключаются по теме —
   надёжнее content:url() (оба в DOM, без гонок загрузки/кэша) */
img.logo-dark{ display:none; }
[data-bs-theme="dark"] img.logo-light{ display:none; }
[data-bs-theme="dark"] img.logo-dark{ display:inline-block; }

/* ===== Точечные dark-оверрайды компонентов ===== */
/* #2 nav-пилл: убрать белый inset сверху (в светлой он даёт «утолщение») */
[data-bs-theme="dark"] .rt-nav-btn{ box-shadow:none; }
[data-bs-theme="dark"] .rt-nav-btn:hover,[data-bs-theme="dark"] .rt-nav-btn:focus-visible{ box-shadow:0 6px 18px rgba(0,0,0,.35); }

/* #3 мега-меню (Сервисы / Для бизнеса / О компании) */
[data-bs-theme="dark"] .dropdownm{ background:var(--rt-glass-bg); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); border:1px solid var(--rt-header-border); box-shadow:var(--rt-shadow); }
[data-bs-theme="dark"] .dropdownm .dropdown-content{ background:transparent; }
[data-bs-theme="dark"] .dropdown-header{ color:var(--rt-text); }
[data-bs-theme="dark"] .dropdown-content ul li a{ color:var(--rt-text-2); }
[data-bs-theme="dark"] .dropdown-content ul li a:hover{ color:var(--rt-accent); }

/* #5 карточки-категории («Для новичков» и т.д.) */
[data-bs-theme="dark"] .row-custom{ background:var(--hp-card); }

/* #6 FAQ-аккордеон */
[data-bs-theme="dark"] .faq-modern .faq-button:not(.collapsed){ background:var(--hp-card); border-color:var(--rt-acc-border); }
[data-bs-theme="dark"] .faq-modern .accordion-body{ background:var(--hp-card); }
/* #2a текст вопроса светлый; #2b стрелка синяя (заменяем иконку, без filter) */
[data-bs-theme="dark"] .faq-modern .faq-button,
[data-bs-theme="dark"] .faq-modern .accordion-button{ color:var(--rt-text);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235B9DFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235B9DFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
[data-bs-theme="dark"] .faq-modern .accordion-button:not(.collapsed){ color:var(--rt-accent); }

/* #1 кнопки-действия героя + #2c «Ознакомиться» — btn-outline-dark светлый в тёмной */
[data-bs-theme="dark"] .btn-outline-dark{
  --bs-btn-color:#E6E9EF; --bs-btn-border-color:rgba(255,255,255,.28);
  --bs-btn-hover-bg:rgba(255,255,255,.10); --bs-btn-hover-color:#ffffff; --bs-btn-hover-border-color:rgba(255,255,255,.45);
  --bs-btn-active-bg:rgba(255,255,255,.14); --bs-btn-active-color:#ffffff; --bs-btn-active-border-color:rgba(255,255,255,.5);
}

/* ===== Quill-редакторы (результат/ввод write/rewrite/reduction) в тёмной ===== */
[data-bs-theme="dark"] .ql-toolbar.ql-snow,
[data-bs-theme="dark"] .ql-container.ql-snow{ border-color:var(--rt-border) !important; }
[data-bs-theme="dark"] .ql-container{ background:var(--rt-surface); color:var(--rt-text); }
[data-bs-theme="dark"] .ql-editor{ color:var(--rt-text); }
[data-bs-theme="dark"] .ql-editor.ql-blank::before{ color:var(--rt-muted) !important; }
[data-bs-theme="dark"] .ql-snow .ql-stroke{ stroke:var(--rt-text-2); }
[data-bs-theme="dark"] .ql-snow .ql-fill{ fill:var(--rt-text-2); }
[data-bs-theme="dark"] .ql-snow .ql-picker,[data-bs-theme="dark"] .ql-snow .ql-picker-options{ color:var(--rt-text-2); background:var(--rt-elevated); border-color:var(--rt-border); }
/* .editor-box с инлайн-бордером #ced4da — перебиваем */
[data-bs-theme="dark"] .editor-box{ background:var(--rt-surface); }
[data-bs-theme="dark"] .editor-box[style]{ border-color:var(--rt-border) !important; }

/* Кнопки btn-light (копировать/удалить в результате) — тёмные */
[data-bs-theme="dark"] .btn-light{
  --bs-btn-bg:var(--rt-hover); --bs-btn-border-color:var(--rt-border); --bs-btn-color:var(--rt-text);
  --bs-btn-hover-bg:var(--rt-elevated); --bs-btn-hover-color:#ffffff; --bs-btn-hover-border-color:var(--rt-border);
  --bs-btn-active-bg:var(--rt-elevated); --bs-btn-active-color:#ffffff; --bs-btn-active-border-color:var(--rt-border);
}

/* FAQ/аккордеоны: перебиваем глобальное `.accordion-header button{color:black!important}` (layout.html) */
[data-bs-theme="dark"] .accordion-header button{ color:var(--rt-text) !important; }
[data-bs-theme="dark"] .accordion-header button:not(.collapsed){ color:var(--rt-accent) !important; }

/* Поля form-control — тёмные (в т.ч. инжектируемые write.js) */
[data-bs-theme="dark"] .form-control{ background-color:var(--rt-surface); border-color:var(--rt-border); color:var(--rt-text); }
[data-bs-theme="dark"] .form-control:focus{ background-color:var(--rt-surface); border-color:var(--rt-accent); color:var(--rt-text); box-shadow:0 0 0 .2rem rgba(91,157,255,.15); }
[data-bs-theme="dark"] .form-control::placeholder{ color:var(--rt-muted); }

/* ===== Статус-блок генерации (poem/song: очередь/пейвол) — .rt-overlay/.rt-notice/.rt-banner ===== */
[data-bs-theme="dark"] .rt-overlay{ background:rgba(15,19,25,.82); }
[data-bs-theme="dark"] .rt-title{ color:var(--rt-text); }
[data-bs-theme="dark"] .rt-text,[data-bs-theme="dark"] .rt-banner-t{ color:var(--rt-text-2); }
[data-bs-theme="dark"] .rt-banner-t b{ color:var(--rt-text); }
[data-bs-theme="dark"] .rt-notice .rt-ic{ background:linear-gradient(135deg,#1f2630,#12233F); color:var(--rt-accent); box-shadow:0 10px 24px rgba(0,0,0,.4); }
[data-bs-theme="dark"] .rt-notice.wait .rt-ic,[data-bs-theme="dark"] .rt-notice.queue .rt-ic,[data-bs-theme="dark"] .rt-notice.ban .rt-ic{ background:linear-gradient(135deg,#1f2630,#272d37); color:#9fb0c9; box-shadow:0 10px 24px rgba(0,0,0,.35); }
[data-bs-theme="dark"] .rt-notice.err .rt-ic{ background:linear-gradient(135deg,#1f2630,#2a2314); color:#F5B84E; }
[data-bs-theme="dark"] .rt-spinner{ border-color:var(--rt-border); border-top-color:var(--rt-accent); }
[data-bs-theme="dark"] .rt-banner{ border-color:var(--rt-acc-border); background:linear-gradient(90deg,rgba(91,157,255,.10),rgba(91,157,255,.03)); }
[data-bs-theme="dark"] .rt-cta.ghost{ color:var(--rt-accent); border-color:var(--rt-border); }
[data-bs-theme="dark"] .rt-cta.ghost:hover{ background:var(--rt-hover); }
[data-bs-theme="dark"] .rt-sub{ color:var(--rt-accent); }

/* rewrite: подсветка предложения (hover/selected) + изменённые слова — тёмная */
[data-bs-theme="dark"] .result_hover,[data-bs-theme="dark"] .selected_sentence{ background-color:rgba(91,157,255,.20); }
[data-bs-theme="dark"] .highlight{ color:#7FB3FF; }

/* rewrite: окна «Стоп-слова»/«Ключевые слова» (.card.bg-light — не флипается) */
[data-bs-theme="dark"] #stop-words-menu,[data-bs-theme="dark"] #keys-menu{ background-color:var(--rt-elevated)!important; color:var(--rt-text); border:1px solid var(--rt-border); }
[data-bs-theme="dark"] #stop-words-menu .card-body,[data-bs-theme="dark"] #keys-menu .card-body{ background-color:var(--rt-elevated)!important; }
[data-bs-theme="dark"] #stop-words-menu .card-header,[data-bs-theme="dark"] #keys-menu .card-header{ background-color:var(--rt-surface); border-color:var(--rt-border); color:var(--rt-text); }
[data-bs-theme="dark"] #stop-words-menu textarea,[data-bs-theme="dark"] #keys-menu textarea,
[data-bs-theme="dark"] #stop-words-menu input,[data-bs-theme="dark"] #keys-menu input{ background-color:var(--rt-surface); color:var(--rt-text); border:1px solid var(--rt-border); }

/* стоп-слова/ключевые: .text-dark (не флипается) + плейсхолдеры */
[data-bs-theme="dark"] #stop-words-menu .text-dark,[data-bs-theme="dark"] #keys-menu .text-dark{ color:var(--rt-text) !important; }
[data-bs-theme="dark"] #stop-words-menu ::placeholder,[data-bs-theme="dark"] #keys-menu ::placeholder{ color:var(--rt-muted); opacity:1; }