/* Keep the original light palette; the dark palette follows Content Collector. */
:root { color-scheme: light; }
.header-inner { gap: 24px; }
.navigation { margin-left: auto; }
.header-actions { display: flex; align-items: center; gap: 20px; }
.theme-switch { display: flex; padding: 4px; gap: 2px; border: 1px solid var(--line); border-radius: 9px; }
.theme-switch button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 7px 10px; border: 0; border-radius: 5px; background: transparent; color: var(--muted); font-size: 14px; line-height: 1.2; }
.theme-switch button:hover { color: var(--ink); }
.theme-switch button[aria-pressed="true"] { color: var(--ink); background: var(--white); box-shadow: 0 1px 5px #27292312; }
.theme-switch svg { width: 18px; height: 18px; flex-shrink: 0; }
.swarm-image-dark { display: none; }

:root[data-theme="dark"] {
    color-scheme: dark;
    --paper: #111315;
    --ink: #f5f7f6;
    --muted: #a5abad;
    --accent: #cff008;
    --line: #2a2e30;
    --green: #cff008;
    --white: #1b1f21;
}
[data-theme="dark"] ::selection { background: #cff008; color: #111315; }
[data-theme="dark"] .site-header { background: #111315f5; }
[data-theme="dark"] .navigation .nav-login { border-color: #454b4e; }
[data-theme="dark"] .theme-switch button[aria-pressed="true"] { color: #cff008; background: #2a2e30; box-shadow: none; }
[data-theme="dark"] .hero .eyebrow .status-dot { box-shadow: 0 0 0 5px #cff00813; }
[data-theme="dark"] .hero-description,
[data-theme="dark"] .demo-description p { color: #a5abad; }
[data-theme="dark"] .button-primary { color: #111315; }
[data-theme="dark"] .button-primary:hover { background: #def842; box-shadow: 0 6px 15px #0003; }
[data-theme="dark"] .text-link { border-color: #656d70; }
[data-theme="dark"] .text-link:hover { border-color: var(--accent); }
[data-theme="dark"] .small-line { background: #656d70; }
[data-theme="dark"] .art-label { color: #929b9f; }
[data-theme="dark"] .swarm-image-light { display: none; }
[data-theme="dark"] .swarm-image-dark { display: block; mix-blend-mode: normal; mask-image: radial-gradient(ellipse at center, #000 40%, transparent 74%); }
[data-theme="dark"] .floating-label { background: #1b1f21f2; border-color: #353d40; box-shadow: 0 8px 22px #0003; }
[data-theme="dark"] .label-two .status-dot { box-shadow: 0 0 0 4px #cff00813; }
[data-theme="dark"] .principle { border-color: #353c3f; }
[data-theme="dark"] .workflow-demo { background: #171b1c; border-color: #2a2e30; }
[data-theme="dark"] .workflow-tabs { border-color: #353c3f; }
[data-theme="dark"] .workflow-tab:hover { background: #252b2d; }
[data-theme="dark"] .workflow-tab > span:first-child { color: #939da1; }
[data-theme="dark"] .workflow-tab[aria-selected="true"] { background: #cff008; color: #111315; }
[data-theme="dark"] .workflow-tab[aria-selected="true"] > span:first-child { color: #414c0a; }
[data-theme="dark"] .workflow-tab[aria-selected="true"] .tab-indicator { background: #111315; }
[data-theme="dark"] .workflow-tab[aria-selected="true"]:focus-visible { outline-color: #111315; }
[data-theme="dark"] .availability { color: #cff008; }
[data-theme="dark"] .availability.planned { color: #c7ba9d; }
[data-theme="dark"] .availability.planned .status-dot { background: #c7ba9d; }
[data-theme="dark"] .library-preview,
[data-theme="dark"] .process-preview,
[data-theme="dark"] .publish-preview { border-color: #353c3f; box-shadow: 0 16px 40px #0002; }
[data-theme="dark"] .preview-caption,
[data-theme="dark"] .preview-footer,
[data-theme="dark"] .material-row div > span,
[data-theme="dark"] .demo-disclaimer { color: #a5abad; }
[data-theme="dark"] .demo-input { border-color: #41494c; color: #a5abad; }
[data-theme="dark"] .input-plus { background: #cff008; color: #111315; }
[data-theme="dark"] .material-row,
[data-theme="dark"] .process-row { border-color: #353c3f; }
[data-theme="dark"] .material-icon,
[data-theme="dark"] .material-row:nth-of-type(4) .material-icon,
[data-theme="dark"] .material-row:nth-of-type(5) .material-icon { background: #30382b; }
[data-theme="dark"] .video-icon i { background: #b8c899; }
[data-theme="dark"] .text-icon { color: #b8c899; }
[data-theme="dark"] .done,
[data-theme="dark"] .process-check { background: #2c381b; color: #d1eb90; }
[data-theme="dark"] .processing { background: #393225; color: #e0c197; }
[data-theme="dark"] .pending { background: #303638; color: #bfc8cc; }
[data-theme="dark"] .publish-source { background: #272e30; }
[data-theme="dark"] .transcript { background: #111315; }
[data-theme="dark"] .destination { border-color: #535e63; }
[data-theme="dark"] .platform-section { background: #1b1f21; color: #f5f7f6; }
[data-theme="dark"] .platform-copy .section-label,
[data-theme="dark"] .platform-copy > p:not(.eyebrow),
[data-theme="dark"] .platform-row p,
[data-theme="dark"] .platform-status { color: #a5abad; }
[data-theme="dark"] .platform-copy .platform-note { color: #a5abad !important; }
[data-theme="dark"] .platform-row { border-color: #353c3f; }
[data-theme="dark"] .platform-number { color: #939da1; }
[data-theme="dark"] .platform-status.live { color: #cff008; }
[data-theme="dark"] .platform-status.live .status-dot { background: #cff008; }
[data-theme="dark"] .faq-list details { border-color: #353c3f; }
[data-theme="dark"] .closing-section { background: #cff008; }
[data-theme="dark"] .closing-content .eyebrow,
[data-theme="dark"] .closing-content h2 { color: #111315; }
[data-theme="dark"] .closing-content > p:not(.eyebrow) { color: #39440b; }
[data-theme="dark"] .button-dark { background: #111315; color: #f5f7f6; }
[data-theme="dark"] .button-dark:hover { background: #303638; }
[data-theme="dark"] .closing-swarm span { background: #879e04; box-shadow: inset 1px 1px 2px #e2fa4c; }
[data-theme="dark"] .closing-swarm span:nth-child(2n) { background: #e2f785; }
[data-theme="dark"] .closing-swarm span:nth-child(3) { background: #1b1f21; }
[data-theme="dark"] .closing-swarm span:nth-child(7) { background: #b1cd0d; }
[data-theme="dark"] .closing-swarm span:nth-child(9) { background: #6c8001; }

@media (max-width: 1200px) {
    .header-inner { gap: 20px; }
    .navigation { gap: 20px; }
    .theme-switch button { padding: 7px 9px; }
    .theme-switch button > span { display: none; }
}
@media (max-width: 960px) {
    .navigation { margin-left: 0; }
    [data-theme="dark"] .navigation { box-shadow: 0 12px 20px #0003; }
}
@media (max-width: 640px) {
    .header-inner { gap: 12px; }
    .header-actions { gap: 12px; }
    .theme-switch { padding: 3px; }
    .theme-switch button { min-height: 34px; width: 34px; padding: 7px; }
    .menu-toggle { padding: 10px 0; gap: 8px; font-size: 14px; }
    .menu-toggle > span,
    .menu-toggle i { width: 20px; }
}