/* File principale che importa tutti gli altri */
@import url('variables.css');
@import url('navbar.css');
@import url('components.css');
@import url('sections.css');
@import url('delete.css');

/* Stili base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--dark-bg);
    color: var(--text-light);
    color: var(--text-primary);
    font-family: 'Segoe UI', system-ui, sans-serif;
    line-height: 1.6;
    padding-top: 60px; /* Altezza navbar fissa */
}

/* Utility classes */
.text-accent {
    color: var(--accent-neon);
}

.bg-primary {
    background-color: var(--bg-primary);
}

.bg-secondary {
    background-color: var(--bg-secondary);
}

.text-primary {
    color: var(--text-primary);
}

.text-secondary {
    color: var(--text-secondary);
}

/* Scroll personalizzato */
::-webkit-scrollbar {
    width: 14px;
}

::-webkit-scrollbar-track {
    border-radius: 6px;
	background-color: #B9B9B9;
	border: 1px solid #cacaca;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.5, #a520ca), color-stop(1, #2681cc));
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-secondary);
    box-shadow: 0 0 15px var(--accent-secondary),
                0 0 25px var(--accent-secondary);
    border-radius: 0; /* Rimosso anche su hover */
}