/* Opt-in themes for the homepage, Start and report prototypes. The original report image is never recolored. */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-calculator,
body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-offer-dialog { color-scheme: light; }
body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-icon-sun { --sl-icon: url("icons/sun.svg"); }
body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-theme-toggle {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--sl-line-strong);
    border-radius: 999px;
    background: transparent;
    color: var(--sl-copper-bright);
    cursor: pointer;
    font: inherit;
    font-size: 14px;
}
body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-theme-toggle:hover { background: var(--sl-surface-warm); }
body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-main-nav-inner { gap: 20px; }
body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-primary-links { gap: clamp(12px,1.5vw,24px); }

html[data-theme="light"] body.sl-v2:is(.sl-home, .sl-start, .sl-report) {
    --sl-bg: #ffffff;
    --sl-bg-deep: #f6f3ef;
    --sl-surface: #ffffff;
    --sl-surface-raised: #f8f5f1;
    --sl-surface-warm: #efe5dc;
    --sl-text: #2d2723;
    --sl-muted: #665a51;
    --sl-dim: #76665a;
    --sl-copper: #916044;
    --sl-copper-bright: #895536;
    --sl-paper: #faf7f3;
    --sl-paper-deep: #eee3d8;
    --sl-green: #527247;
    --sl-line: #e4d9cf;
    --sl-line-strong: #c5af9c;
    --sl-focus: #895536;
    --sl-shadow: 0 24px 70px rgba(81,57,38,.1);
    --sl-shadow-soft: 0 10px 30px rgba(81,57,38,.08);
    color: var(--sl-text);
    background: var(--sl-bg);
}
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-theme-toggle[aria-checked="true"] { background: #f2e6db; border-color: #b18461; color: #75492e; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-utility { background: #f8f5f1; border-color: var(--sl-line); }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-main-nav { background: rgba(255,255,255,.97); }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-site-header.is-condensed { background: rgba(255,255,255,.96); box-shadow: 0 8px 24px rgba(70,50,35,.06); }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-button-secondary { background: #fff; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-button-secondary:hover { background: #f7eee6; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-menu,
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-menu::before { background: #fff; box-shadow: var(--sl-shadow); }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-menu::before { box-shadow: none; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-avatar,
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-menu-icon,
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-plan { background: #f2e6db; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-links a:hover,
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-links button:hover { background: #f7f0e9; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-account-links-secondary button:last-child { color: #914831; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-calculator { border-color: var(--sl-line); box-shadow: 0 16px 48px rgba(86,58,36,.07); }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-sample-link { background: #fff; border-color: var(--sl-line); }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-sample-link:hover { background: #faf6f1; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) :is(.sl-home, .sl-start, .sl-report)-proof,
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) :is(.sl-home, .sl-start, .sl-report)-reviews { background: #f8f5f1; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) :is(.sl-home, .sl-start, .sl-report)-access { background: #fff; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-report-product-grid article.is-featured { background: #faf3ec; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-insight-list small b { color: #754a30; border-color: #d9bfaa; background: #f8f0e9; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-proof-link { background: #fff; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-proof-link:hover { background: #faf2eb; }
/* Preserve the original dark image, its colors and its square proportions. */
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) :is(.sl-home, .sl-start, .sl-report)-chart-visual { background: #1b1917; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-chart-label { color: #e0c5ae; background: #24201c; border-color: #68503f; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) :is(.sl-home, .sl-start, .sl-report)-chart-card figcaption { background: #fff; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-plan-card { background: #fff; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-plan-card.is-featured { background: #fff9f3; border-color: #af7550; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-final-invite { background: #f7eee5; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-offer-dialog { background: #fffaf6; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-offer-dialog::backdrop { background: rgba(39,30,23,.48); }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-demo-panel,
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-toast { background: #fffaf6; }
html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-demo-panel button[aria-pressed="true"] { background: #f0e1d5; }
@media (max-width: 1120px) {
    body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-theme-label { display: none; }
    body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-theme-toggle { width: 44px; padding: 0; }
}
@media (max-width: 900px) {
    html[data-theme="light"] body:is(.sl-home, .sl-start, .sl-report) .sl-primary-links { background: #fffaf6; box-shadow: var(--sl-shadow-soft); }
    body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-primary-links { gap: 0; }
}
@media (max-width: 620px) {
    body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-main-nav-inner { gap: 8px; }
    body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-nav-actions { gap: 6px; }
}
@media (max-width: 380px) {
    body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-logo img { width: 96px; }
    body.sl-v2:is(.sl-home, .sl-start, .sl-report) .sl-account-button { padding-inline: 10px; }
}