:root {
    --primary-color: #3498db;
    --secondary-color: #2c3e50;
    --success-color: #2ecc71;
    --danger-color: #e74c3c;
    --warning-color: #f39c12;
    --light-color: #ecf0f1;
    --dark-color: #34495e;
    --sidebar-width: 200px;

    --disabled-color: #9ca3af;
    --text-color: #1f2937;
    --bg-color: #ffffff;
    --border-radius: 8px;
    --transition: all 0.3s ease;
    --standard-heigh: 40px;
    --standard-font-size: 12px;
    --left-sidebar-width: 200px;
    --left-sidebar-logo-heigh: 70px;
}

.bgc-primary, .bgc-confirm {
    background-color: var(--primary-color);
    color: white;
}

.bgc-primary:hover:not(:disabled), .bgc-confirm:hover:not(:disabled) {
    background-color: #2980b9;
}

.bgc-success {
    background-color: var(--success-color);
    color: white;
}

.bgc-success:hover:not(:disabled) {
    background-color: #27ae60;
}

.bgc-danger {
    background-color: var(--danger-color);
    color: white;
}

.bgc-danger:hover:not(:disabled) {
    background-color: #c0392b;
}

.bgc-warning {
    background-color: var(--warning-color);
    color: white;
}

.bgc-warning:hover:not(:disabled) {
    background-color: #d35400;
}

.bgc-disabled, .bgc-cancel {
    background-color: var(--disabled-color);
    color: white;
}