html[data-theme="dark"] {
    color-scheme: dark;
    --theme-surface: #0f1b2d;
    --theme-surface-soft: #122138;
    --theme-border: #30445f;
    --theme-muted: #91a7c6;
}

html[data-theme="light"] {
    color-scheme: light;
    --theme-surface: #fff;
    --theme-surface-soft: #f6f8fb;
    --theme-border: #dce3ed;
    --theme-muted: #607089;
}

html[data-theme="light"] .site-navigation__link--active {
    color: #17243a !important;
}

html[data-theme="light"] .site-navigation__link::after {
    background: #17243a;
}

html[data-theme="light"] .referral-tree-origin article {
    border-color: #cbd8ea;
    background: linear-gradient(145deg, #fff, #f0f5fc);
}

html[data-theme="light"] .referral-tree-origin article > span,
html[data-theme="light"] .referral-tree-summary strong {
    color: #1769e8;
}

html[data-theme="light"] .referral-tree-origin article strong,
html[data-theme="light"] .referral-tree-node__top > div strong {
    color: #17243a;
}

html[data-theme="light"] .referral-tree-origin article small,
html[data-theme="light"] .referral-tree-level > summary span:last-child,
html[data-theme="light"] .referral-tree-node__top > div span,
html[data-theme="light"] .referral-tree-node dt,
html[data-theme="light"] .referral-tree-node dd small {
    color: #607089;
}

html[data-theme="light"] .referral-tree-summary span {
    border-color: #d4deec;
    background: #f2f6fc;
    color: #273852;
}

html[data-theme="light"] .referral-tree-level {
    border-color: #d4deec;
    background: #fff;
}

html[data-theme="light"] .referral-tree-level > summary {
    background: #f2f6fc;
    color: #17243a;
}

html[data-theme="light"] .referral-tree-node {
    border-color: #d4deec;
    background: #fff;
    box-shadow: 0 10px 26px rgba(26, 50, 82, .08);
}

html[data-theme="light"] .referral-tree-node::before {
    background: #bdcce0;
}

html[data-theme="light"] .referral-tree-node dl > div {
    background: #f4f7fb;
}

html[data-theme="light"] .referral-tree-node dd {
    color: #273852;
}

html[data-theme="light"] .referral-tree-notice {
    border-color: #e9c96f;
    background: #fff8df;
    color: #6d5310;
}