/* Binary Search Tree specific styles */

/* Node and link styling */
.node circle {
    fill: #fff;
    stroke: #4299e1;
    stroke-width: 2px;
    transition: fill 0.3s ease, stroke 0.3s ease;
}

.dark .node circle {
    fill: #1a202c;
    stroke: #63b3ed;
}

.node text {
    font-size: 14px;
    transition: fill 0.3s ease;
}

.link {
    fill: none;
    stroke: #cbd5e0;
    stroke-width: 2px;
    transition: stroke 0.3s ease;
}

.dark .link {
    stroke: #a0aec0;
    stroke-width: 2px;
}

/* Node color states */
.node circle.green {
    fill: #48bb78;
    stroke: #2f855a;
}

.dark .node circle.green {
    fill: #2f855a;
    stroke: #48bb78;
}

.node circle.gold {
    fill: #ecc94b;
    stroke: #d69e2e;
}

.dark .node circle.gold {
    fill: #d69e2e;
    stroke: #ecc94b;
}

.node circle.gray {
    fill: #a0aec0;
    stroke: #718096;
}

.dark .node circle.gray {
    fill: #4a5568;
    stroke: #a0aec0;
}

/* Search button styling */
.numContainer {
    display: inline-block;
    padding: 8px 12px;
    margin: 5px;
    background: #4299e1;
    color: white;
    border-radius: 8px;
    font-weight: 500;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.dark .numContainer {
    background: #2b6cb0;
}