:root {
    --cx-ink: #172235;
    --cx-muted: #65758b;
    --cx-navy: #101c2d;
    --cx-navy-soft: #1d3550;
    --cx-blue: #4f93cf;
    --cx-blue-dark: #397bb7;
    --cx-blue-pale: #edf4fb;
    --cx-blue-mist: #dfeaf5;
    --cx-line: #dce5ee;
    --cx-white: #ffffff;
    --cx-shadow: 0 18px 50px rgba(38, 65, 93, .10);
}

.public-home,
.public-auth {
    color: var(--cx-ink);
    font-family: Inter, "PingFang SC", "Microsoft YaHei", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Public home: white navigation, mist-blue sections and a dark corporate footer. */
.public-home .topbar {
    height: 72px;
    padding: 0 max(28px, calc((100vw - 1180px) / 2));
    border-bottom: 1px solid #e7edf3;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 1px 0 rgba(16, 28, 45, .02);
}

.public-home .brand {
    color: var(--cx-navy);
    font-size: 17px;
    letter-spacing: .01em;
}

.public-home .mark,
.public-auth .mark {
    border: 1px solid #cfe0ee;
    border-radius: 6px;
    background: linear-gradient(145deg, #6fa7d4, #3d7fb9);
    box-shadow: 0 7px 18px rgba(63, 128, 185, .20);
    color: #fff;
}

.public-home .nav {
    gap: 18px;
    color: #435269;
}

.public-home .language-select,
.public-auth .language-select {
    height: 36px;
    border: 1px solid #d5e0ea;
    border-radius: 5px;
    background: #fff;
    color: #435269;
    font-weight: 650;
}

.public-home .login {
    border-color: var(--cx-blue);
    border-radius: 5px;
    padding: 9px 18px;
    background: var(--cx-blue);
    box-shadow: 0 8px 18px rgba(79, 147, 207, .18);
    color: #fff;
    font-weight: 700;
}

.public-home .hero {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(112deg, rgba(16, 28, 45, .96), rgba(52, 91, 124, .88)),
        linear-gradient(145deg, #182b42, #7c9cb7);
}

.public-home .hero::before,
.public-home .hero::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    content: "";
    pointer-events: none;
}

.public-home .hero::before {
    width: 520px;
    height: 520px;
    right: -150px;
    top: -210px;
}

.public-home .hero::after {
    width: 260px;
    height: 260px;
    left: 42%;
    bottom: -190px;
}

.public-home .hero-inner {
    position: relative;
    z-index: 1;
    min-height: 620px;
    padding-top: 72px;
    padding-bottom: 80px;
}

.public-home .eyebrow {
    border-color: rgba(191, 220, 244, .35);
    border-radius: 4px;
    background: rgba(217, 234, 248, .10);
    color: #d8ebfb;
    letter-spacing: .04em;
}

.public-home h1 {
    color: #fff;
    font-size: clamp(46px, 5vw, 66px);
    font-weight: 760;
    line-height: 1.08;
}

.public-home .lead {
    color: #d8e3ed;
    font-size: 18px;
}

.public-home .secondary {
    border-color: rgba(255, 255, 255, .65);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(9, 22, 36, .16);
    color: var(--cx-navy);
}

.public-home .trust {
    grid-template-columns: repeat(4, minmax(86px, 1fr));
    max-width: 590px;
    gap: 10px;
    color: #c8d5e0;
}

.public-home .trust div {
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 5px;
    background: rgba(255, 255, 255, .05);
}

.public-home .trust strong {
    color: #fff;
}

.public-home .product {
    border-color: rgba(255, 255, 255, .32);
    border-radius: 7px;
    box-shadow: 0 30px 70px rgba(5, 17, 30, .28);
}

.public-home .product-head {
    background: #f8fbfe;
    color: #56677b;
}

.public-home .product-body,
.public-home .section.alt {
    background: var(--cx-blue-pale);
}

.public-home .metric,
.public-home .table-card,
.public-home .card,
.public-home .scenario,
.public-home .step,
.public-home .ops {
    border-color: var(--cx-line);
    border-radius: 6px;
}

.public-home .section {
    padding: 82px 0;
    border-top-color: #e5edf4;
}

.public-home .section h2 {
    color: #26384c;
    font-size: 36px;
    text-align: center;
}

.public-home .section-lead {
    margin-right: auto;
    margin-left: auto;
    color: var(--cx-muted);
    text-align: center;
}

.public-home .cards,
.public-home .scenario-grid {
    margin-top: 34px;
}

.public-home .card,
.public-home .scenario {
    box-shadow: 0 12px 34px rgba(53, 82, 112, .06);
}

.public-home .icon {
    border-radius: 6px;
    background: #e8f2fa;
    color: var(--cx-blue-dark);
}

.public-home .tool-strip {
    justify-content: center;
}

.public-home .tool-chip {
    border-color: #cfdeeb;
    background: rgba(255, 255, 255, .78);
    color: #50647a;
}

.public-home .num {
    border-radius: 5px;
    background: var(--cx-blue-dark);
}

.public-home .footer {
    padding: 42px 0;
    border-top: 0;
    background: var(--cx-navy);
    color: #b9c6d4;
}

/* Authentication pages: the same corporate palette, lighter forms and restrained geometry. */
.public-auth.login-page {
    grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr);
    background: var(--cx-blue-pale);
}

.public-auth.login-page .showcase {
    position: relative;
    overflow: hidden;
    padding: 46px clamp(36px, 5vw, 72px);
    background:
        linear-gradient(140deg, rgba(16, 28, 45, .98), rgba(49, 87, 120, .93)),
        #1c334b;
}

.public-auth.login-page .showcase::after {
    position: absolute;
    width: 440px;
    height: 440px;
    right: -220px;
    bottom: -190px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    content: "";
}

.public-auth .brand {
    color: #fff;
    letter-spacing: .01em;
}

.public-auth.login-page .language-select {
    border-color: rgba(255, 255, 255, .26);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.public-auth.login-page .copy h1 {
    max-width: 720px;
    font-size: clamp(38px, 3.7vw, 56px);
    line-height: 1.12;
}

.public-auth.login-page .copy p {
    color: #d4e0ea;
}

.public-auth.login-page .status div {
    border-radius: 5px;
    border-color: rgba(255, 255, 255, .13);
    background: rgba(255, 255, 255, .055);
}

.public-auth .form-side {
    padding: 56px 32px;
    background:
        radial-gradient(circle at 86% 12%, rgba(119, 169, 209, .16), transparent 28%),
        var(--cx-blue-pale);
}

.public-auth .panel {
    border: 1px solid var(--cx-line);
    border-radius: 7px;
    box-shadow: var(--cx-shadow);
}

.public-auth .panel h2,
.public-auth .panel h1 {
    color: #1d2c3f;
}

.public-auth .hint {
    color: var(--cx-muted);
}

.public-auth label {
    color: #34465a;
    font-weight: 650;
}

.public-auth input {
    border-color: #ccd9e5;
    border-radius: 5px;
    background: #fbfdff;
}

.public-auth input:hover {
    border-color: #aebfd0;
}

.public-auth input:focus {
    border-color: var(--cx-blue);
    outline: 3px solid rgba(79, 147, 207, .15);
}

.public-auth button {
    border-radius: 5px;
    background: var(--cx-blue);
    box-shadow: 0 9px 20px rgba(79, 147, 207, .19);
}

.public-auth button:hover:not(:disabled) {
    background: var(--cx-blue-dark);
}

.public-auth a {
    color: var(--cx-blue-dark);
}

.public-auth .success,
.public-auth .message,
.public-auth .error {
    border-radius: 5px;
}

.public-auth.compact-auth {
    position: relative;
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 100px 24px 48px;
    background:
        radial-gradient(circle at 15% 28%, rgba(102, 157, 201, .14), transparent 28%),
        linear-gradient(180deg, #e7f0f8 0, #f6f9fc 46%, #edf3f8 100%);
}

.public-auth.compact-auth::before {
    position: absolute;
    inset: 0 0 auto;
    height: 72px;
    display: flex;
    align-items: center;
    padding-left: max(28px, calc((100vw - 1180px) / 2));
    border-bottom: 1px solid #e6edf3;
    background: rgba(255, 255, 255, .96);
    color: var(--cx-navy);
    content: "RealTrace  ·  CANGXUAN DATA";
    font-size: 16px;
    font-weight: 760;
    letter-spacing: .03em;
}

.public-auth.compact-auth .panel {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    padding: 34px;
}

.public-auth.compact-auth .head {
    align-items: center;
}

.public-auth.compact-auth .actions {
    border-top: 1px solid #e8eef4;
    padding-top: 18px;
}

@media (max-width: 900px) {
    .public-auth.login-page {
        grid-template-columns: 1fr;
    }

    .public-auth.login-page .showcase {
        min-height: auto;
        padding: 30px 28px 38px;
    }

    .public-auth.login-page .copy {
        margin-top: 62px;
    }

    .public-auth.login-page .status {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 680px) {
    .public-home .topbar {
        height: 64px;
        padding: 0 12px;
        flex-direction: row;
        align-items: center;
    }

    .public-home .brand {
        font-size: 15px;
    }

    .public-home .nav {
        flex-wrap: nowrap;
        gap: 7px;
    }

    .public-home .language-select {
        padding: 0 24px 0 10px;
    }

    .public-home .login {
        padding: 8px 11px;
        font-size: 13px;
        white-space: nowrap;
    }

    .public-home .hero-inner {
        padding: 54px 20px 58px;
    }

    .public-home h1 {
        font-size: 40px;
    }

    .public-home .trust {
        grid-template-columns: 1fr 1fr;
    }

    .public-home .section {
        padding: 62px 0;
    }

    .public-home .section h2 {
        font-size: 30px;
    }

    .public-auth.login-page .copy h1 {
        max-width: 300px;
        font-size: 38px;
    }

    .public-auth.login-page .status {
        grid-template-columns: 1fr;
    }

    .public-auth .form-side {
        padding: 30px 18px 42px;
    }

    .public-auth.compact-auth {
        padding: 88px 14px 28px;
    }

    .public-auth.compact-auth::before {
        height: 64px;
        padding-left: 20px;
        font-size: 14px;
    }

    .public-auth.compact-auth .panel {
        padding: 26px 20px;
    }
}

/* Public pages share the signal-network visual language before sign-in. */
.public-auth {
    --rt-bg: #060813;
    --rt-panel: rgba(15, 20, 40, .88);
    --rt-line: rgba(118, 145, 255, .22);
    --rt-text: #f4f7ff;
    --rt-muted: #9ca8c6;
    --rt-cyan: #31e6ff;
    --rt-purple: #9062ff;
    color: var(--rt-text);
    background: var(--rt-bg);
}

.public-auth.login-page {
    background: #070914;
}

.public-auth.login-page .showcase {
    background:
        radial-gradient(circle at 76% 22%, rgba(144, 98, 255, .23), transparent 30%),
        radial-gradient(circle at 20% 78%, rgba(49, 230, 255, .12), transparent 34%),
        linear-gradient(150deg, #080b19, #0d1126 62%, #090b19);
}

.public-auth.login-page .showcase::before,
.public-auth.compact-auth::after {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(91, 119, 219, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(91, 119, 219, .055) 1px, transparent 1px);
    background-size: 42px 42px;
    content: "";
    pointer-events: none;
}

.public-auth.login-page .showcase > * {
    position: relative;
    z-index: 1;
}

.public-auth .form-side {
    background:
        radial-gradient(circle at 88% 10%, rgba(144, 98, 255, .14), transparent 30%),
        #080b18;
}

.public-auth .panel {
    border-color: var(--rt-line);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(16, 22, 46, .94), rgba(10, 13, 28, .94));
    box-shadow: 0 30px 85px rgba(0, 0, 0, .34);
}

.public-auth .panel h1,
.public-auth .panel h2,
.public-auth label {
    color: var(--rt-text);
}

.public-auth .hint {
    color: var(--rt-muted);
}

.public-auth input {
    border-color: var(--rt-line);
    border-radius: 8px;
    color: #eef3ff;
    background: rgba(7, 10, 22, .88);
}

.public-auth input:focus {
    border-color: var(--rt-cyan);
    outline: 3px solid rgba(49, 230, 255, .12);
}

.public-auth button {
    color: #07101a;
    background: linear-gradient(100deg, var(--rt-cyan), #76a8ff 55%, #bc7cff);
    box-shadow: 0 12px 32px rgba(49, 230, 255, .14);
}

.public-auth button:hover:not(:disabled) {
    background: linear-gradient(100deg, #72edff, #91b8ff 55%, #c796ff);
}

.public-auth a {
    color: #8ceeff;
}

.public-auth.login-page .language-select,
.public-auth.compact-auth .language-select {
    border-color: var(--rt-line);
    color: #e7ecf8;
    background: #10152a;
}

.public-auth.compact-auth {
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 34%, rgba(49, 230, 255, .11), transparent 28%),
        radial-gradient(circle at 85% 76%, rgba(144, 98, 255, .15), transparent 32%),
        #070914;
}

.public-auth.compact-auth::before {
    z-index: 2;
    border-bottom-color: var(--rt-line);
    color: #f4f7ff;
    background: rgba(6, 8, 19, .78);
    backdrop-filter: blur(18px);
}

.public-auth.compact-auth::after {
    z-index: 0;
}

.public-auth.compact-auth .panel {
    z-index: 1;
}

.public-auth.compact-auth .actions {
    border-top-color: var(--rt-line);
}

.public-auth .public-filing {
    position: fixed;
    z-index: 4;
    right: 20px;
    bottom: 14px;
    color: #71809d;
    font-size: 11px;
}

.public-auth .public-filing:hover {
    color: var(--rt-cyan);
}

/* Shared theme control for all public-facing pages. */
.public-theme-toggle {
    display: inline-flex;
    width: 38px;
    height: 36px;
    align-items: center;
    justify-content: center;
    flex: none;
    padding: 0;
    border: 1px solid rgba(118, 145, 255, .22);
    border-radius: 8px;
    color: #d8e2f3;
    background: rgba(15, 20, 40, .78);
    cursor: pointer;
}

.public-theme-toggle svg {
    width: 16px;
    height: 16px;
}

html[data-home-theme="dark"] .public-theme-icon-sun,
html[data-home-theme="light"] .public-theme-icon-moon {
    display: none;
}

.auth-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Authentication pages use the same mist-blue daylight palette as the homepage. */
html[data-home-theme="light"] .public-auth {
    --rt-bg: #cbd6e2;
    --rt-panel: rgba(225, 233, 240, .94);
    --rt-line: rgba(30, 55, 82, .20);
    --rt-text: #152a40;
    --rt-muted: #53687e;
    --rt-cyan: #087b91;
    --rt-purple: #6555a4;
    color: var(--rt-text);
    background: #cbd6e2;
}

html[data-home-theme="light"] .public-auth.login-page {
    background: #cbd6e2;
}

html[data-home-theme="light"] .public-auth.login-page .showcase {
    color: #172b41;
    background:
        radial-gradient(circle at 78% 18%, rgba(101, 85, 164, .14), transparent 31%),
        radial-gradient(circle at 18% 78%, rgba(8, 123, 145, .12), transparent 34%),
        linear-gradient(150deg, #c4d1de, #d2dde7 62%, #becbd8);
}

html[data-home-theme="light"] .public-auth.login-page .showcase::before {
    background-image:
        linear-gradient(rgba(38, 69, 98, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(38, 69, 98, .07) 1px, transparent 1px);
}

html[data-home-theme="light"] .public-auth .brand,
html[data-home-theme="light"] .public-auth.login-page .copy h1 {
    color: #152a40;
}

html[data-home-theme="light"] .public-auth.login-page .copy p {
    color: #496076;
}

html[data-home-theme="light"] .public-auth.login-page .status div {
    border-color: rgba(30, 55, 82, .18);
    background: rgba(224, 232, 239, .63);
}

html[data-home-theme="light"] .public-auth.login-page .status span {
    color: #60758a;
}

html[data-home-theme="light"] .public-auth.login-page .status b {
    color: #173049;
}

html[data-home-theme="light"] .public-auth .form-side {
    background:
        radial-gradient(circle at 88% 10%, rgba(101, 85, 164, .11), transparent 30%),
        #cbd6e2;
}

html[data-home-theme="light"] .public-auth .panel {
    border-color: rgba(30, 55, 82, .20);
    background: linear-gradient(145deg, rgba(230, 237, 242, .96), rgba(210, 221, 230, .96));
    box-shadow: 0 28px 70px rgba(34, 55, 75, .17);
}

html[data-home-theme="light"] .public-auth .panel h1,
html[data-home-theme="light"] .public-auth .panel h2,
html[data-home-theme="light"] .public-auth label {
    color: #172d44;
}

html[data-home-theme="light"] .public-auth .hint {
    color: #53687e;
}

html[data-home-theme="light"] .public-auth input {
    border-color: rgba(30, 55, 82, .23);
    color: #172d44;
    background: #e7edf2;
}

html[data-home-theme="light"] .public-auth input:focus {
    border-color: #087b91;
    outline-color: rgba(8, 123, 145, .14);
}

html[data-home-theme="light"] .public-auth button:not(.public-theme-toggle) {
    color: #f7fbfd;
    background: linear-gradient(100deg, #087b91, #456fae 58%, #6555a4);
    box-shadow: 0 11px 25px rgba(43, 77, 105, .20);
}

html[data-home-theme="light"] .public-auth a {
    color: #17687d;
}

html[data-home-theme="light"] .public-auth.login-page .language-select,
html[data-home-theme="light"] .public-auth.compact-auth .language-select,
html[data-home-theme="light"] .public-auth .public-theme-toggle {
    border-color: rgba(30, 55, 82, .20);
    color: #203a53;
    background: rgba(226, 234, 240, .80);
}

html[data-home-theme="light"] .public-auth.compact-auth {
    background:
        radial-gradient(circle at 18% 34%, rgba(8, 123, 145, .11), transparent 29%),
        radial-gradient(circle at 85% 76%, rgba(101, 85, 164, .12), transparent 32%),
        #cbd6e2;
}

html[data-home-theme="light"] .public-auth.compact-auth::before {
    border-bottom-color: rgba(30, 55, 82, .18);
    color: #172d44;
    background: rgba(194, 208, 221, .86);
}

html[data-home-theme="light"] .public-auth.compact-auth::after {
    background-image:
        linear-gradient(rgba(38, 69, 98, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(38, 69, 98, .07) 1px, transparent 1px);
}

html[data-home-theme="light"] .public-auth.compact-auth .actions {
    border-top-color: rgba(30, 55, 82, .15);
}

html[data-home-theme="light"] .public-auth .public-filing {
    color: #526a80;
}

/* MCP and API capability introductions share the public daylight theme. */
html[data-home-theme="light"] body.public-capability {
    --bg: #cbd6e2;
    --panel: #dbe4eb;
    --panel-2: #d3dee7;
    --text: #14283e;
    --ink: #14283e;
    --paper: #cbd6e2;
    --soft: #bdcbd8;
    --navy: #b9c8d6;
    --muted: #53687e;
    --line: rgba(30, 55, 82, .20);
    --cyan: #087b91;
    --blue: #315fae;
    --purple: #6555a4;
    --pink: #9a467f;
    --green: #28775b;
    color: #14283e;
    background-color: #cbd6e2;
    background-image:
        linear-gradient(rgba(38, 69, 98, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(38, 69, 98, .06) 1px, transparent 1px);
}

html[data-home-theme="light"] .public-capability::before {
    background-image:
        linear-gradient(rgba(38, 69, 98, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(38, 69, 98, .06) 1px, transparent 1px);
}

html[data-home-theme="light"] .public-capability .topbar {
    border-bottom-color: rgba(30, 55, 82, .17);
    color: #172c43;
    background: rgba(194, 208, 221, .90);
    box-shadow: 0 10px 34px rgba(34, 57, 79, .09);
}

html[data-home-theme="light"] .public-capability .brand span,
html[data-home-theme="light"] .public-capability .top-actions,
html[data-home-theme="light"] .public-capability .access,
html[data-home-theme="light"] .public-capability .home-link {
    color: #4f6479;
}

html[data-home-theme="light"] .public-capability .top-actions a:hover {
    color: #102a43;
}

html[data-home-theme="light"] .public-capability .brand-mark,
html[data-home-theme="light"] .public-capability .public-theme-toggle {
    border-color: rgba(30, 55, 82, .20);
    color: #203a53;
    background: rgba(224, 232, 239, .80);
}

html[data-home-theme="light"] .public-capability .login,
html[data-home-theme="light"] .public-capability .login-link {
    border-color: rgba(8, 123, 145, .28);
    color: #0b6174 !important;
    background: rgba(8, 123, 145, .08);
}

html[data-home-theme="light"] .public-capability .overview,
html[data-home-theme="light"] .public-capability .hero {
    border-color: rgba(30, 55, 82, .15);
    background:
        radial-gradient(circle at 78% 20%, rgba(101, 85, 164, .13), transparent 30%),
        radial-gradient(circle at 18% 35%, rgba(8, 123, 145, .10), transparent 31%),
        linear-gradient(145deg, #d3dde7, #c5d2de);
}

html[data-home-theme="light"] .public-capability .lead,
html[data-home-theme="light"] .public-capability .section-head > p,
html[data-home-theme="light"] .public-capability .choice p,
html[data-home-theme="light"] .public-capability .rule p,
html[data-home-theme="light"] .public-capability .cta p,
html[data-home-theme="light"] .public-capability .catalog-head p,
html[data-home-theme="light"] .public-capability .coverage-line p {
    color: #50657b;
}

html[data-home-theme="light"] .public-capability .button-secondary,
html[data-home-theme="light"] .public-capability .summary div,
html[data-home-theme="light"] .public-capability .path-node,
html[data-home-theme="light"] .public-capability .route-box,
html[data-home-theme="light"] .public-capability .route-legend div,
html[data-home-theme="light"] .public-capability .rule,
html[data-home-theme="light"] .public-capability .coverage-card,
html[data-home-theme="light"] .public-capability .choice,
html[data-home-theme="light"] .public-capability .platform-badge,
html[data-home-theme="light"] .public-capability .capability,
html[data-home-theme="light"] .public-capability .notes {
    border-color: rgba(30, 55, 82, .19);
    color: #172d44;
    background: linear-gradient(145deg, rgba(225, 233, 240, .95), rgba(204, 216, 226, .92));
    box-shadow: 0 14px 34px rgba(34, 56, 78, .08);
}

html[data-home-theme="light"] .public-capability .section:nth-of-type(even),
html[data-home-theme="light"] .public-capability .platform-band {
    background: rgba(193, 207, 220, .58);
}

html[data-home-theme="light"] .public-capability .route-pattern,
html[data-home-theme="light"] .public-capability .examples code,
html[data-home-theme="light"] .public-capability .chip,
html[data-home-theme="light"] .public-capability .mapping,
html[data-home-theme="light"] .public-capability .field,
html[data-home-theme="light"] .public-capability .search input,
html[data-home-theme="light"] .public-capability .filter {
    border-color: rgba(30, 55, 82, .18);
    color: #344d65;
    background: #dfe7ee !important;
}

html[data-home-theme="light"] .public-capability .route-pattern span {
    color: #18334c;
    background: #c7d8e8;
}

html[data-home-theme="light"] .public-capability .route-pattern .variable {
    color: #382441;
    background: linear-gradient(100deg, #d9a8ce, #b9afe0);
}

html[data-home-theme="light"] .public-capability .mapping {
    background: #d8e2ea !important;
}

html[data-home-theme="light"] .public-capability .mapping-head,
html[data-home-theme="light"] .public-capability .fields + .fields {
    border-color: rgba(30, 55, 82, .14);
    background: rgba(191, 205, 218, .60);
}

html[data-home-theme="light"] .public-capability .mapping-row code,
html[data-home-theme="light"] .public-capability .tool-name,
html[data-home-theme="light"] .public-capability .summary span,
html[data-home-theme="light"] .public-capability .path-node small,
html[data-home-theme="light"] .public-capability .route-legend small {
    color: #5a6f84;
}

html[data-home-theme="light"] .public-capability .path-node code,
html[data-home-theme="light"] .public-capability .examples code,
html[data-home-theme="light"] .public-capability .mapping-row code:last-child {
    color: #096b80;
}

html[data-home-theme="light"] .public-capability .filter.active {
    border-color: #315fae;
    color: #f6f9fb;
    background: #315fae !important;
}

html[data-home-theme="light"] .public-capability .cta,
html[data-home-theme="light"] .public-capability footer {
    border-color: rgba(30, 55, 82, .16);
    background: #bdcbd8;
}

@media (prefers-reduced-motion: reduce) {
    .public-theme-toggle {
        transition: none !important;
    }
}