/* ShareWebHost: blue/cyan cloud mark, navy typography and calm white surfaces. */
.swh-site {
    --brand-blue: var(--site-primary, #0755e9);
    --brand-blue-hover: var(--site-primary-hover, #0644bd);
    --brand-cyan: #00b9e8;
    --brand-cyan-ink: #00738f;
    --brand-navy: #071d49;
    --brand-mist: #f3f8ff;
    --brand-border: #dce8f8;
    --brand-body: #465875;
    background: var(--site-bg-light, #f3f8ff);
    color: var(--site-text-body, #465875);
    accent-color: var(--brand-blue);
}
.swh-site :is(h1,h2,h3,h4,h5,h6) { color: var(--site-text-main, #071d49); }
.swh-site :is(h1,h2,h3,h4,h5,h6).text-white,
.swh-site :is(.bg-primary,.bg-blue-600,.bg-indigo-600,.bg-purple-600) :is(h1,h2,h3,h4) { color:#fff; }
.swh-site :is(a,button,input,select,textarea):focus-visible {
    outline: 3px solid var(--brand-cyan);
    outline-offset: 4px;
}
.swh-site ::selection { background: #c4f1ff; color: #071d49; }
.swh-site > header { background: #fff; border-color: var(--brand-border); box-shadow: 0 4px 22px #071d4909; }
.swh-site > header nav :is(a,button) { color: var(--brand-navy); }
.swh-site > header nav :is(a,button):hover { color: var(--brand-blue); }
.swh-site :is(.bg-primary,.bg-blue-600,.bg-indigo-600,.bg-purple-600) {
    background-color: var(--brand-blue) !important;
    color: #fff;
}
.swh-site :is(a,button).bg-primary:hover,
.swh-site :is(a,button).bg-blue-600:hover { background-color: var(--brand-blue-hover) !important; }
.swh-site :is(.text-primary,.text-blue-600,.text-indigo-600,.text-purple-600) { color: var(--brand-blue) !important; }
.swh-site :is(.bg-blue-50,.bg-indigo-50,.bg-purple-50) { background-color: #eaf3ff !important; }
.swh-site .nav-new-badge { background: var(--brand-blue); box-shadow: none; }
/* Category and package cards use one family of blue shades. */
.swh-site .hgs-section { background: linear-gradient(180deg,#fff,var(--brand-mist)); }
.swh-site .hgs-card { --hgs: var(--brand-blue) !important; border-color: var(--brand-border); background: #fff; }
.swh-site .hgs-card:nth-child(3n+2) { --hgs: #007d9f !important; }
.swh-site .hgs-card:nth-child(3n) { --hgs: #1245a4 !important; }
.swh-site :is(.hgs-header h2,.hgs-domain__copy strong) { color: var(--brand-navy); }
.swh-site :is(.hgs-header p,.hgs-domain__copy small) { color: var(--brand-body); }
.swh-site :is(.hgs-header>span,.hgs-domain__icon,.hgs-domain__transfer) { color: var(--brand-blue); }
.swh-site .hgs-domain__form button { background: var(--brand-blue); }
.swh-site :is(.hgs-domain,.hgs-domain__form input) { border-color: var(--brand-border); }
.swh-site .bh-card { --bh-accent: var(--brand-blue) !important; --bh-pale: #eaf3ff !important; --bh: var(--brand-blue) !important; border-color: var(--brand-border); }
.swh-site .bh-card:nth-child(3n+2) { --bh-accent: #007d9f !important; --bh: #007d9f !important; }
.swh-site .bh-title-accent { color: var(--brand-blue); }
.swh-site :is(.bh-cycle-switch button.active,.hosting-currency-switch button.active) { background: var(--brand-blue); color:#fff; }
.swh-site :is(.bh-intro-pill,.bh-ribbon) { background: #eaf3ff; color: #0644bd; }
.swh-site :is(.hgs-offer,.bh-discount) { background: var(--brand-blue); color:#fff; }
/* CTA bands have strong contrast, cyan used as an accent rather than body text. */
.swh-site .ctb-banner--blue { background: linear-gradient(115deg,#071d49,#0755e9); }
.swh-site .ctb-banner--dark { background: linear-gradient(115deg,#06142e,#103b79); }
.swh-site .ctb-banner--light { background: linear-gradient(115deg,#edf5ff,#e9fbff); border-color: var(--brand-border); }
.swh-site .ctb-orb--one { background: var(--brand-cyan); }
.swh-site .ctb-orb--two { background: #1975ed; }
.swh-site :is(.ctb-banner--blue,.ctb-banner--dark) h2 { color:#fff; }
.swh-site :is(.ctb-banner--blue,.ctb-banner--dark) .ctb-copy p { color:#dceaff; }
.swh-site :is(.ctb-banner--blue,.ctb-banner--dark) .ctb-copy>span { color:#91eaff; }
.swh-site .ctb-primary { background:#fff; color:#0644bd; }
.swh-site .ctb-banner--light .ctb-primary { background:var(--brand-blue); color:#fff; }
.swh-site .ctb-secondary { color:#fff; }
.swh-site .ctb-banner--light .ctb-secondary { color:#0644bd; }
.swh-site .ctb-primary:hover { background:#eaf3ff; color:#0644bd; }
/* Footer remains dark enough for the white/cyan logo. */
.swh-site > footer { background: #06142e; color:#d7e5fc; border-top:3px solid #00b9e8; }
.swh-site > footer :is(h2,h3,h4,h5) { color:#fff; }
.swh-site > footer :is(.text-gray-300,.text-gray-400) { color:#bacbe6; }
.swh-site > footer a:hover { color:#80e7ff !important; }
.swh-site > footer [class*="border-white"] { border-color:#ffffff20; }
/* Intentional dark-mode surfaces keep the same brand family. */
.dark .swh-site { background:#06142e; color:#bdcce5; }
.dark .swh-site :is(h1,h2,h3,h4,h5,h6) { color:#f4f8ff; }
.dark .swh-site :is(.hgs-section,.bh-section) { background:#06142e; }
.dark .swh-site :is(.hgs-card,.bh-card,.hgs-domain) { background:#102446; border-color:#294265; }
.dark .swh-site :is(.hgs-header p,.hgs-domain__copy small) { color:#bdcce5; }
.dark .swh-site > header nav :is(a,button) { color:#071d49; }