/* Surfaces carry hierarchy: white canvas, cool grouping, blue task focus. */
:root{--canvas-white:#fff;--canvas-cool:#f5f7fb;--surface-focus:#edf3ff;--surface-focus-line:#cbdafa}
body[data-route=home],body[data-route=home] .landing-page{background:var(--canvas-white)}
body[data-route=home] .terminal-header{background:var(--canvas-white)}
.clean-hero-mascot::before{background:#eaf0ff}
.strategy-showroom{background:var(--surface-focus)}
.community-showcase{background:var(--canvas-cool);border-radius:32px;padding-top:64px;padding-bottom:64px}
.landing-footer{border-top:1px solid #e1e7f0}
/* A distinct starting area for assembling a strategy, not a background on every panel. */
.studio-intro{background:var(--surface-focus);border-radius:22px;padding:36px;margin:24px 0 36px}
.account-card.selected{background:var(--surface-focus);border-color:#9bb8f3}
@media(max-width:760px){.community-showcase{border-radius:24px;padding-top:42px;padding-bottom:42px}.studio-intro{padding:24px 20px;border-radius:18px;margin:20px 0 28px}}