/* ====================== 05-NODE-GRADIENTS.CSS ====================== */
/* Градиенты по уровням иерархии — светлая + тёмная тема */

.node[data-level="0"] {
    background: linear-gradient(90deg, var(--bg-card), #f0f5ff) !important;
}
.node[data-level="1"] {
    background: linear-gradient(90deg, #f0f5ff, #e6f0ff) !important;
}
.node[data-level="2"] {
    background: linear-gradient(90deg, #e6f0ff, #d8e9ff) !important;
}
.node[data-level="3"] {
    background: linear-gradient(90deg, #d8e9ff, #c7e0ff) !important;
}
.node[data-level="4"] {
    background: linear-gradient(90deg, #c7e0ff, #b5d7ff) !important;
}
.node[data-level="5"] {
    background: linear-gradient(90deg, #b5d7ff, #a0cdff) !important;
}
.node[data-level="6"] {
    background: linear-gradient(90deg, #a0cdff, #8bc2ff) !important;
}
.node[data-level="7"] {
    background: linear-gradient(90deg, #8bc2ff, #75b8ff) !important;
}
.node[data-level="8"] {
    background: linear-gradient(90deg, #75b8ff, #5faeff) !important;
}
.node[data-level="9"] {
    background: linear-gradient(90deg, #5faeff, #4aa4ff) !important;
}

/* Уровень 10 и выше */
.node[data-level="10"],
.node[data-level="11"],
.node[data-level="12"] {
    background: linear-gradient(90deg, #4aa4ff, #3a9aff) !important;
}

/* ====================== ТЁМНАЯ ТЕМА — ГРАДИЕНТЫ ====================== */
body.theme-dark .node[data-level="0"] {
    background: linear-gradient(90deg, var(--bg-card), #25334a) !important;
}
body.theme-dark .node[data-level="1"] {
    background: linear-gradient(90deg, #25334a, #2c3d5c) !important;
}
body.theme-dark .node[data-level="2"] {
    background: linear-gradient(90deg, #2c3d5c, #33476e) !important;
}
body.theme-dark .node[data-level="3"] {
    background: linear-gradient(90deg, #33476e, #3a5180) !important;
}
body.theme-dark .node[data-level="4"] {
    background: linear-gradient(90deg, #3a5180, #415b91) !important;
}
body.theme-dark .node[data-level="5"] {
    background: linear-gradient(90deg, #415b91, #4865a3) !important;
}
body.theme-dark .node[data-level="6"] {
    background: linear-gradient(90deg, #4865a3, #4f6fb4) !important;
}
body.theme-dark .node[data-level="7"] {
    background: linear-gradient(90deg, #4f6fb4, #5679c6) !important;
}
body.theme-dark .node[data-level="8"] {
    background: linear-gradient(90deg, #5679c6, #5d83d7) !important;
}
body.theme-dark .node[data-level="9"] {
    background: linear-gradient(90deg, #5d83d7, #648de9) !important;
}

body.theme-dark .node[data-level="10"],
body.theme-dark .node[data-level="11"],
body.theme-dark .node[data-level="12"] {
    background: linear-gradient(90deg, #648de9, #6b97fa) !important;
}