:root {
    /* Level 1 is now deeper, Level 2 is slightly more elevated */
    --background-level-1: #0b0c0d; /* Deepest black-grey */
    --background-level-2: #141619; /* Noticeable 'lift' from level 1 */
    --background-level-3: #212529; /* Standard Bootstrap Dark */
    --background-level-4: #3d434b; /* Interaction layer */
    --background-level-5: #505862; /* Lighter, perfect for tooltips or borders */
    --input-dark-color: #0b0c0d !important;
    --main-text: white !important;
    --icon-color: white;
}

.border-low {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.border-medium {
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.bg-3 {
    background: var(--background-level-3);
}

.bg-4 {
    background: var(--background-level-4) !important;
}

.bg-info {
    color: var(--background-level-2) !important;
}