/* Public landing only: the logo palette, not the signed-in web app theme. */
body.comm-intro {
    --comm-bg: #ffffff;
    --comm-panel: #ffffff;
    --comm-soft: #f4f0fc;
    --comm-line: #e4def1;
    --comm-text: #171329;
    --comm-muted: #625a76;
    --comm-accent: #4d22e2;
    --comm-tint: #e2d6fc;
    --comm-blue: #7639fa;
}
html[data-bs-theme="dark"] body.comm-intro {
    --comm-bg: #100a4f;
    --comm-panel: #170c68;
    --comm-soft: #231458;
    --comm-line: #4b367b;
    --comm-text: #f7f4ff;
    --comm-muted: #c4bbdb;
    --comm-accent: #996efa;
    --comm-tint: #361ab9;
    --comm-blue: #b4ccfb;
}
html[data-bs-theme="dark"] .comm-intro-logo {
    filter: drop-shadow(0 5px 30px #996efa20);
}
body.comm-intro .replica-download-menu {
    background: var(--comm-panel);
    border-color: var(--comm-line);
    box-shadow: 0 18px 60px #100a4f26;
}
body.comm-intro .replica-download-menu a,
body.comm-intro .replica-download-menu .unavailable {
    color: var(--comm-text);
}
body.comm-intro .replica-download-menu small { color: var(--comm-muted); }
body.comm-intro .replica-download-menu a:hover,
body.comm-intro .replica-download-menu a:focus-visible {
    background: var(--comm-soft);
}
body.comm-intro .replica-download-menu a:focus-visible {
    outline: 2px solid var(--comm-accent);
}