.theme-button {
    width: 38px;
    height: 38px;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--ink);
    flex-shrink: 0;
}
.theme-button:hover {
    background: var(--soft);
}
.theme-button svg {
    width: 18px;
    height: 18px;
}
.theme-sun {
    display: none;
}
html[data-theme='light'] {
    color-scheme: light;
}
html[data-theme='dark'] {
    color-scheme: dark;
    --ink: #f4edf6;
    --muted: #c6b8ce;
    --line: #4a3a54;
    --plum: #deb6eb;
    --paper: #18131f;
    --soft: #251d2d;
    --amber: #eab35e;
}
html[data-theme='dark'] .theme-sun {
    display: block;
}
html[data-theme='dark'] .theme-moon {
    display: none;
}
html[data-theme='dark'] .site-header {
    background: rgba(24, 19, 31, 0.97);
}
html[data-theme='dark'] .logo img {
    content: url('/assets/clienta-wordmark-reversed.svg');
}
html[data-theme='dark'] .button.primary {
    background: #825091;
    color: #fff;
}
html[data-theme='dark'] .button.primary:hover {
    background: #92599f;
}
html[data-theme='dark'] .hero-visual:before {
    background: #38273f;
}
html[data-theme='dark'] .hero-stamp {
    background: #2c2038;
    color: #fff;
    border: 1px solid #60476c;
}
html[data-theme='dark'] .screen-shell,
html[data-theme='dark'] .tour-window {
    border-color: #5a4365;
}
html[data-theme='dark'] .screen-top {
    background: #251d2d;
    color: #c6b8ce;
}
html[data-theme='dark'] .window-dots i {
    background: #5c4866;
}
html[data-theme='dark'] .tour-tabs button {
    border-color: #60476c;
}
html[data-theme='dark'] .tour-tabs button[aria-selected='true'] {
    background: #825091;
    color: white;
    border-color: #825091;
}
html[data-theme='dark'] .feature .index {
    color: #ad9cb6;
}
html[data-theme='dark'] .space-section {
    background: #251d2d;
}
html[data-theme='dark'] .cta-section {
    background: #30233a;
    border-color: #60476c;
}
html[data-theme='dark'] .space-section .eyebrow {
    color: #d3b7db;
}
@media (max-width: 540px) {
    .header-actions {
        gap: 12px;
    }
    .theme-button {
        width: 34px;
        height: 34px;
    }
    .header-inner {
        gap: 12px;
    }
    .header-inner > .logo img {
        width: 124px;
    }
}
@media print {
    .theme-button {
        display: none;
    }
    html[data-theme='dark'] {
        --ink: #2c2038;
        --muted: #6b5b73;
        --line: #e6dde9;
        --plum: #6f3e79;
        --paper: #fff;
        --soft: #f4edf6;
    }
    html[data-theme='dark'] .logo img {
        content: url('/assets/clienta-wordmark.svg');
    }
    html[data-theme='dark'] :is(.space-section, .cta-section, .hero-stamp, .screen-top) {
        background: white;
        color: #2c2038;
    }
    html[data-theme='dark'] .space-section .eyebrow {
        color: #6b5b73;
    }
}